固定div元素的大小

时间:2013-10-29 13:06:32

标签: javascript html

我正在尝试在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获取数据。

3 个答案:

答案 0 :(得分:1)

在Div元素的CSS中,您可以使用

overflow: hidden

答案 1 :(得分:1)

您可以使用此text-overflow: ellipsis;的css,查看this

答案 2 :(得分: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>