标签云

微信群

扫码加入我们

WeChat QR Code

I'm having the same issue described here: text-overflow: ellipsis doesn't appear to be workingfiddle: http://jsfiddle.net/ThinkingStiff/Dc7UA/ul a { text-decoration: none; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap;width: 80px; height: 32px;}The problem is, it only works in Firefox. IE will mess with the bullet indicators. Opera it will hide the bullet indicators.Is there a way to make them work as in Firefox?relevant code and snippet belowul a { text-decoration: none; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap;width: 80px; height: 32px;}<ul><li class="current"><a href="./">Home</a></li> <li class=""><a href="./location/">Location</a></li> <li class=""><a href="./rooms-and-rates/">Rooms &amp; Rates </a></li> <li class=""><a href="./facilities/">Facilities</a></li> <li class=""><a href="./things-to-do/">Things to do</a></li> <li class=""><a href="./eating-and-drinking/">Eating and Drinking</a></li> </ul>


Works. tricky though. display: inline-block; and height: auto; made the difference

2019年04月18日32分50秒

Hi Azevedo glad it worked for you :) Which part did you think was tricky just for future reference?

2019年04月19日32分50秒

the ones I mentioned right above.

2019年04月18日32分50秒