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