加上浮动就可以实现第一个标签style设成float:left 第二个标签style也设成float:left 或float:right 你就可以看到效果
css让三个DIV并列在一行中的步骤如下:
1。打开html开发软件,在html开发工具上新建一个html页面,用于实现多个div显示在同一行上。
2。在html代码页面上创建两个div标签,然后给这个两个div标签添加class类,案例中class类分别为:one,two。
创建div代码:
第一个div
第二个div
3。创建
4。设置好class类属性后,保存html代码,然后使用浏览器打开,即可看到多个div标签显示在同一列上。这样就解决了css让三个DIV并列在一行中的问题了。
想要将两个或多个div并列排在同一行,需要将div元素的float属性值设为left,靠左悬浮的意思,同时也要将想要并列的div套在一个大div里,这样改变浏览器宽度,div也还是成一排。
以下是具体演示步骤:
1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。
2、在body标签里添加一个大div来容纳并列的div。
3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可
4、运行结果如下图。无论如何变换浏览器宽度,div都是一行展示出来。
加上左浮动float:left