怎么让div自适应内容的高度和宽度?_html/css_WEB-ITnose
程序员文章站
2022-04-20 18:00:38
...
div css 我的div里面有一行文本,有长有短,我想让div根据文本自适应长度和宽度。
我将div的padding属性设为4px,结果发现高度是4个像素,但是宽度却远远超过了文本的长度,也就是padding-left和padding-right虽然显示是4px,但事实并不是这样。
我想问一下这个问题有人知道怎么解决吗?原因出在哪?
我将div的padding属性设为4px,结果发现高度是4个像素,但是宽度却远远超过了文本的长度,也就是padding-left和padding-right虽然显示是4px,但事实并不是这样。
我想问一下这个问题有人知道怎么解决吗?原因出在哪?
回复讨论(解决方案)
用CSS的float属性或者绝对定位可以让DIV的大小适应内容的大小,但会带来其他问题
设置display:inline
不要设置width和height属性就可以了
设置display:inline 此楼正解。
下一篇: 不逼自己,不知道自己有多强
推荐阅读
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
div的宽度和高度的固定_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
左右两边高度自适应,右边宽度为浏览器宽度-200px。这个是怎么理解的呀?_html/css_WEB-ITnose
-
HTML5的div自适应高度和宽度
-
如何让HTML页面中的背景图片自适应浏览器高度和宽度(电脑高度和宽度)
-
div+css布局之padding和margin的使用,及自适应100%的宽度_html/css_WEB-ITnose
-
不使用border-radius,实现一个可复用的高度和宽度都自适应的圆角矩形_html/css_WEB-ITnose
-
div+css布局之padding和margin的使用,及自适应100%的宽度_html/css_WEB-ITnose
-
不使用border-radius,实现一个可复用的高度和宽度都自适应的圆角矩形_html/css_WEB-ITnose