Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
这个问题很难描述,所以我创建了一个 jsfiddle。您可以看到菜单中的最后一项突出到右侧,与其他菜单项不同。如果其他菜单项占用多于一行,则会发生这种情况。
http://jsfiddle.net/V82un/
这是因为<a>元素是display: inline;默认的,所以边框只出现在第二行的末尾。换成#sidebar_all_pages a,display: block问题就解决了。但它揭示了另一个问题:负边距#sidebar_all_pages li太大。减少它来-10px解决那个问题。
<a>
display: inline;
#sidebar_all_pages a
display: block
#sidebar_all_pages li
-10px
text-align: right意味着文本是右对齐的。这意味着每行文本的右边缘将粘在其容器的右内边缘。
text-align: right
如何使用以下 css 规则将文本包装在跨度中:
display:inline-block; max-width:190px;
演示