html - <li>,元素符号列表当前未排列

标签 html css less

在我的网站上,我有一个带链接的元素符号列表。

问题是当一个链接有点长时,它会被分成两行。没关系!

但是,当它分成两行时,第二行不在另一行的下方。

如何将第二行向右移动,使其与其他链接相匹配?

<div class="test"> 
  <ul>
    <li><a href="menuItem.html">Yes</a></li>
    <li><a href="menuItem.html">Yes Yes Yes Yes</a></li>
    <li><a href="menuItem.html">Yes</a></li>
  </ul>
</div>

这是我描述的图片

See Buletimage here

最佳答案

我猜你的 list-style-position 设置为 inside

你应该将它设置为 outside(如果你想保持左边的偏移,可以使用 margin-left 属性)。

See jsFiddle here

关于html - <li>,元素符号列表当前未排列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41593989/

相关文章:

javascript - 捕获 Bootstrap slider 上的下降值(不是拖动)

javascript - 如何使用 jquery map ?

css - 在 Internet Explorer 的 CSS 中使用 Blob URI 作为 url

css - 如果 LESS 中存在特定类,则将变量设置为新值

deployment - LESS 部署和构建自动化

javascript - 将 LESS 变量传递给 JavaScript

jquery - 向右滑动子菜单

html - 为什么我的背景图像不会使用 CSS 显示?

jquery - 如何在 jQuery 中创建百分比计数器?

html - 导航悬停按钮没有完全着色?