css3 - text-overflow为何会在li的子标签a下失效

Question

{代码...} 设置的CSS如下 {代码...} 为什么给a设置同样的样式会失效，而li不会

迷茫 · Answer

设置 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/

PHP中文网 · Answer

在给a设置的时候，加上display: inline-block;