div元素的固定大小

Question

我想在html中創建一個具有固定大小的div元素。我的問題是，上面的div接收骨幹輸入文本。文本的大小是未知的，所以每次發送的文本很大時，div的大小自動變化。如何才能顯示適合div的預定義邊界框的文本的第一個單詞？

我的CSS代碼

.hashTagsCloud { 
max-width: 500px; 
max-height: 400px; 
overflow: hidden; 
} 

和HTML代碼：

   <div class= "hashTagsCloud span4 offset1 "> //bootstrap    
       <div id="profiles> //backbone view 
        <script id="profileTemplate" type="text/template">//backbone template 
        </script> 
       </div> 
       </div> 

我拿數據和的getElementById。

Answer 1

可以使用overflow: hidden;財產，理所當然地認爲你設置的寬度並已在div上的高度。

<style type='text/css'> 
.text { 
    width: 100px; 
    height: 18px; 
    overflow: hidden; 
    white-space: pre-line; /* breaks up the text on spaces before hiding */ 
} 
</style> 
<div class='text'>some really really really long text</div> 

Answer 2

在CSS DIV元素，你可以使用

overflow: hidden 

Answer 3

你可以從這個text-overflow: ellipsis; CSS的使用，檢查this