固定 div 元素的大小答案

【问题标题】：Fixed size of div element固定 div 元素的大小
【发布时间】：2013-10-29 13:06:31
【问题描述】：

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

【问题讨论】：

您是否在搜索height、width 和overflow: hidden; 的组合？

标签： javascript html

【解决方案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>

【讨论】：

【解决方案2】：

在 div 元素的 CSS 中，您可以使用

overflow: hidden

【讨论】：

【解决方案3】：

你可以使用来自这个text-overflow: ellipsis;的css，检查this

【讨论】：

在我的 div 中，我的高度为 400 像素，因此它适合多个内衬文本。我想要空白：nowrap；只出现在我的 div 底部的高度。