我的网站上有这个按钮:
<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