2016-12-06 48 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>