2016-12-06 50 views
1

我用两行来包装文本。在Google Chrome浏览器中,使用代码 overflow:hidden;显示:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;最大宽度:100%;空白:正常;如何在Internet Explorer和Firefox上打包两行文本?

但是这段代码在Internet Explore和Firefox上不起作用。

请帮帮我

+0

您可以更新您的代码提琴 –

+0

在CSS :.unitAddressList ul li> div.address {width:11%;保证金:1%; margin-top:8px; overflow:hidden;显示:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;最大宽度:100%;空白:正常;文本溢出:省略号; line-height:20px;} –

回答

0

请问您有用过的文字包装吗?尝试这个。 Hope this helps

+0

是的Kranthi,但换行不支持IE-11和FF –

0

你能复制这个代码粘贴到你的HTML页面,这个工作对我来说,文本将包装所有broswers

.main_box { 
 
    float:left; 
 
    height: 200px; 
 
    width: 200px; 
 
    position:relative; 
 
} 
 
.main_box p { 
 
    word-wrap: break-word; 
 
}
<div class="main_box"> 
 
    <p>jasdlfjlasjdfsajdfjsadfjlsajdflsjdfjsldfjlsjdflsjdfljsadlfjsldjflsajdflasjdfjsaldj</p> 
 
</div>