Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 一个固定大小的div,其中包含文本_Html_Css - Fatal编程技术网

Html 一个固定大小的div,其中包含文本

Html 一个固定大小的div,其中包含文本,html,css,Html,Css,我正在开发一个小部件,但是CSS并不是我的强项 我希望div中的文本在达到宽度限制时换行,在超出高度限制时以文本溢出:省略号结束。但我一辈子都想不出来 我是不是错过了一些显而易见的东西,还是我走错了路 编辑:显然溢出:省略号只适用于单行文本,目前还没有完美的跨浏览器解决方案。添加css属性空白:预换行;然后,您可以按照希望在网页上显示的方式在代码中写入文本。whitespace属性将防止文本超出div。您还可以增加div的大小以适应文本。您希望实现什么?似乎您不想剪切最后一行的文本。所以试试身

我正在开发一个小部件,但是CSS并不是我的强项

我希望div中的文本在达到宽度限制时换行,在超出高度限制时以
文本溢出:省略号结束。但我一辈子都想不出来

我是不是错过了一些显而易见的东西,还是我走错了路


编辑:显然溢出:省略号只适用于单行文本,目前还没有完美的跨浏览器解决方案。

添加css属性空白:预换行;然后,您可以按照希望在网页上显示的方式在代码中写入文本。whitespace属性将防止文本超出div。您还可以增加div的大小以适应文本。

您希望实现什么?似乎您不想剪切最后一行的文本。所以试试身高:105px;在.widget{…}@Nimish中,我需要将.widget设置为固定高度,如果文本超出了小部件的高度,则需要用省略号“…”将其截断。我将从一个API中获取文本,它会不时地改变,所以我不能改变高度来适应一个特定段落的大小。可能会有帮助you@Nimish看起来是个好的开始,我会看看我是否能利用它。非常感谢。空白:预包装;似乎对我没有任何帮助。你所说的“在代码中写入文本”是什么意思?我无法更改div的高度,因为它需要固定以实现其目的,而且文本将从API收集,文本需要在div的底部切掉。空格属性应该在达到div的宽度限制时为文本提供换行符。我猜@Nimish已经解决了省略号问题。很抱歉,我帮不了什么忙。我写了“在代码中写入文本”,因为我不知道API会呈现文本。哦,我明白了,我已经计算出了宽度限制,所以它似乎没有做任何事情。我为webkit解决了省略号问题,但不是Firefox或Edge。哦,我对Firefox或Edge了解不多。所以我再也帮不了你了。我很抱歉。不用担心,我感谢所有的帮助!