如何在html中修复list或anchor元素？

Question

我的网站上有列表和锚点链接。

我希望锚长度是固定的，这样它就不会到达下一行。

当我移动鼠标时，应显示剩余的文本，当超出链接时，应该再次将其设置回正常的一行。

我希望像绿色那样。

Answer 1

试试这个

http://jsbin.com/etete3/2

在FF 3.6 IE 8和7中测试

HTML

<a href="#" id="hello">Hello World, how are you, where is peace</a>

<a href="#" id="hello2">Hello World, how are you, where is peace</a>

CSS

a {background:yellow;width:150px;display:block;height:20px;overflow:hidden}

a:hover {background:pink;display:block;overflow:visible;height:auto;}

我刚刚添加了颜色。你可以给你的造型

Answer 2

如何使用height属性？为元素设置固定高度，然后在悬停时使高度变为auto。

Answer 3

仅在悬停时设置固定高度并将该高度设置为“自动”将无法在所有情况下都起作用，这会在某些情况下创建文本重叠问题。我们需要将'overflow'属性也设置为'hidden'。