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;
}