如何让div中的内容横向排列

2024-11-30 02:30:10

推荐回答（3个）

回答1：

一、问题可能涉及到了浮动和行内元素两个知识点，首先需要div布局，写一个大的div作为父级盒子，里面有几个行内元素。如下：

DIV内容横向排列

我是第一个

我是第二个

我是第三个

二、主要是需要对div里面的行内元素进行样式的设置：

三、HTML和CSS样式在开发工具里面的截图如下：

四、浏览器具体渲染的效果如下：

回答2：

你的

的宽度总共才700px，而它的三个子div每个的宽度就700px了，你可以让子div的宽度三个加起来小于700px

回答3：

因为你父div（main）的宽度限制了里面嵌套的子div(main_1、main_2和main_3)浮动。每个子div的宽度都和父div一样宽，他没法浮动被挤下去了。解决办法：改变父div或者子div的宽度，让三个子div的宽度加起来小≤父div的宽度就可以了。