html - 设置标签内文本的宽度适用于 IE 和 Chrome，但不适用于 Firefox

Answer 1

原因是 Firefox 认为 used-miscellaneous-lasers 是一个词，因此它不想将其换行。您可以通过添加空格或nbsp;在 - 之后轻松解决此问题。

<div class="banner">    
    <a target="_blank" href="http://10.0.0.145/used/b">See All used- miscellaneous- lasers</a>
</div>

否则到 div css，你可以添加word-wrap: break-word;; 但是，单词并不总是以可读的形式被打破。

div.banner {
    background: url("banner.jpg") no-repeat scroll center top transparent;
    font-size: 15px;
    font-weight: normal;
    height: 38px;
    margin-top: 20px;
    padding: 18px 24px 50px 69px;
    text-align: left;
    text-transform: uppercase;
    width: 106px;
    word-wrap: break-word; 
}

现场演示

Answer 2

试试这个，我添加了 溢出：可见；

div.banner {
     background: url("banner.jpg") no-repeat scroll center top transparent;
     font-size: 15px;
     font-weight: normal;
     height: 38px;
     margin-top: 20px;
     padding: 18px 24px 50px 69px;
     text-align: left;
     text-transform: uppercase;
     overflow:visible;
     width: 106px; }