Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
Css 在最大高度之前填充最大宽度?_Css - Fatal编程技术网

Css 在最大高度之前填充最大宽度?

Css 在最大高度之前填充最大宽度?,css,Css,我已经应用了具有最小宽度、最小高度、最大宽度和最大高度样式的div元素。div将只包含文本 我想要的行为是使div水平增长以适应内容,直到它达到最大宽度,只有这样,我才希望高度根据需要向最大高度增加以适应文本内容 现在的行为是div保持在最小宽度,并实际扩展。我怎样才能得到想要的行为 更新:代码: .tooltip-body { max-width: 265px; min-width: 200px; min-height: 34px; max-height: 4

我已经应用了具有最小宽度、最小高度、最大宽度和最大高度样式的div元素。div将只包含文本

我想要的行为是使div水平增长以适应内容,直到它达到最大宽度,只有这样,我才希望高度根据需要向最大高度增加以适应文本内容

现在的行为是div保持在最小宽度,并实际扩展。我怎样才能得到想要的行为

更新:代码:

.tooltip-body
{
    max-width: 265px;
    min-width: 200px;

    min-height: 34px;
    max-height: 46px;
}

CSS不够聪明,无法做到这一点。您需要使用JavaScript。请尝试将“最大宽度”属性放在“最大高度”之后。@Tiyebbella尝试了此操作,但无效。很抱歉,在我将“最大宽度”的值更改为865px后,它开始正常工作!!。奇怪的行为!。
<div class="tooltip-body">And the text goes here...</div>