2

我的网站上有这个按钮：

<div id="container-div">
    <input class="site-button" type="submit" value="very long text">
</div>

使用以下 CSS：

#container-div .site-button {        
    font-size: 27px;
    height: 100px;
    text-transform: uppercase;
    width: 200px;
    white-space: normal;
    word-wrap: normal;
}

正如您在此处看到的：http: //jsfiddle.net/wDU8w/1/在除 Opera 之外的所有浏览器中，文本都很好地包裹在按钮内。

我尝试将不同的值放入white-space其中，word-wrap但没有结果。

经过一些谷歌搜索和论坛浏览后，我发现使用<button>元素而不是<input type="submit">可以解决我的问题。但是，我不想干预 HTML 输出，因为它是从 PHP 脚本生成的（我正在为我的网站使用 CMS）。是否有一种 CSS 方法可以强制 Opera 将文本包装在按钮内？

我正在使用 Opera 12.15

4

0 回答 0