怎么设置div最小宽度,然后再相应自动变宽。

Posted 2023-02-28

<div style="height: 36px; width: 960px;background-image: url(../images..);">
<div id="title' style="height: 31px; width: auto; margin-right: auto;margin-left: auto;">
</div>
</div>
如上，外面的div已经设置宽度，里面的div设置宽度自动后，也是960px,现在我希望里面的div没宽度或者1PX，然后再随着标题文字的多少而变宽，主要标题文字有个背景，不然就设置外面的DIV文字居中了。
我已经解决了。
max-width:500px;
width:expression_r_r(document.body.clientWidth > 500? "500px": "auto" );

谢谢两位

参考技术A div的宽度自动是没用的，除非用js控制，比较麻烦了！如果就为了装饰文字而已的话，建议改用span标签，把height(标签高)改成line-height(行高)，span标签也可以像div一样加上很多样式的！还有了，auto是没有必要设置的，绝大部分的标签高宽都默认就是auto，就比如div标签
，宽度如果没有指定一个数值的话，那就是百分百。
<div style="height: 36px; width: 960px;background-image: url(../images..);">
<span id="title' style="height: 31px; width: auto; margin-right: auto;margin-left: auto;">
</span>
</div>本回答被提问者和网友采纳 参考技术B min-width:100px; 参考技术C 谢谢，才知道还有这个css属性。
还有min-width