CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
程序员文章站
2022-06-12 22:29:59
...
在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。所以默认情况下,2个div是无法显示在同一行的,必须通过样式属性去修改。
解决方方法1:display:inline,将其变成行级元素,这样2个div就会排在同一行。
解决方法2:使用float
使用inline,2个div之间默认是有缝隙的,不会刚好贴在一起;使用float,会影响后续的div,必须通过clear清除。
上一篇: php:PHP 时区设立
下一篇: paypal是怎样确认收款的?
推荐阅读
-
上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose
-
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
-
如何让DIV显示适应不同的分辨率?_html/css_WEB-ITnose
-
css如何实现让两个div在同一行排列_html/css_WEB-ITnose
-
如何让DIV显示适应不同的分辨率?_html/css_WEB-ITnose
-
怎么样在html点击某一行,会显示相应的数据,其中的金额要以千位分隔符显示_html/css_WEB-ITnose
-
ul li 里面嵌套 ol li ,为甚么不能够在同一行显示_html/css_WEB-ITnose
-
一个大div中有多个div,如何使这些div在同一行显示,并且溢出后产生滚动条而不换行呢_html/css_WEB-ITnose
-
请教一个CSS的问题,文字无法在某个DIV内显示_html/css_WEB-ITnose
-
如何让两个div显示在一行的问题_html/css_WEB-ITnose