Css Opera输入类型=";提交;文本换行
我的网站上有以下按钮:Css Opera输入类型=";提交;文本换行,css,button,opera,word-wrap,Css,Button,Opera,Word Wrap,我的网站上有以下按钮: <div id="container-div"> <input class="site-button" type="submit" value="very long text"> </div> 正如您在这里看到的:除了Opera,所有浏览器中的文本都很好地包装在按钮内 我曾尝试将不同的值放入空白和文字换行,但没有结果 在谷歌搜索和浏览论坛之后,我发现用元素代替可以解决我的问题。但是,我不想干预HTML输出,因为它是由PHP脚本
<div id="container-div">
<input class="site-button" type="submit" value="very long text">
</div>
正如您在这里看到的:除了Opera,所有浏览器中的文本都很好地包装在按钮内
我曾尝试将不同的值放入空白
和文字换行
,但没有结果
在谷歌搜索和浏览论坛之后,我发现用
元素代替
可以解决我的问题。但是,我不想干预HTML输出,因为它是由PHP脚本生成的(我的站点使用CMS)。是否有CSS方法强制Opera将文本包装在按钮内
我用的是Opera 12.15,看起来不可能。即使在文本中添加换行符( ;)的HTML实体也不起作用。FWIW它在webKit浏览器中也不会断线(至少在Mac上是这样),因为该按钮没有得到样式化。
#container-div .site-button {
font-size: 27px;
height: 100px;
text-transform: uppercase;
width: 200px;
white-space: normal;
word-wrap: normal;
}