Question

一个CSS宽度的兼容问题，在谷歌浏览器上

我在用<a href="#" style="width:400px">连接文字</a>

在IE的浏览器下正常，但是在谷歌浏览器和opear里，如果文字的宽度大于400，就会撑开了，而不是多余的部分隐藏起来
怎么样写css才能在谷歌下也和IE一样的隐藏？

Answer 1

<a>标签是内联元素 本身不存在宽度 光设置宽度没有用
所以想变成可控的宽度必须有display:block;

你的CSS里如果有这个<a>的display:block;的修饰 那在前台可写
<a href="#" style="width:400px;overflow:hidden;">连接文字</a>

如果你CSS里<a>标签没有对他进行display:block; 那就在前台写
<a href="#" style=" display:block;width:400px;overflow:hidden;">连接文字</a>

Answer 2

<a href="#" style=" display:block;width:400px;overflow:hidden;">连接文字</a>

Answer 3

<a href="#" style="width:400px;overflow:hidden;">连接文字</a>
别把样式表写在html里面，坏习惯