問(wèn)題描述

<ul> <li><span>2014-05-28</span><a href='http://www.aoyou183.cn/wenda/news.html'>這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告這不是廣告</a></li></ul>

設(shè)置的CSS如下

li{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; width: 747px;}

為什么給a設(shè)置同樣的樣式會(huì)失效，而li不會(huì)

問(wèn)題解答

設(shè)置 a { display: inline-block; } 即可。

Text overflow can only happen on block or inline-block level elements, because the element needs to have a width in order to be overflow-ed. The overflow happens in the direction as determined by the direction property or related attributes. - via: https://css-tricks.com/almanac/properties/t/text-overflow/

在給a設(shè)置的時(shí)候，加上display: inline-block;