Html 如何将水平css应用于div

如何使用css使div 1、2、3水平

只把它们竖着放

<div class="container">
   <div class="one">One</div>
   <div class="two">Two</div>
   <div class="three">Three</div>
</div>

---

设置宽度并在CSS中应用

显示：内联块

像这样：

.container div {
    width:100px;
    display:inline-block;
}

---

设置宽度并在CSS中应用

显示：内联块

像这样：

.container div {
    width:100px;
    display:inline-block;
}

---

我认为您必须尝试“float:left”

我认为您必须尝试“float:left”

显示：内联块可以让它工作

float：左

将不起作用，因为它将把所有

div

元素放在

左侧

而不是

中间

（它将删除您放在

.container

上的

文本对齐：中间；

属性）

---

顺便问一下，为什么要用jQuery而不是CSS应用样式

显示：内联块可以让它工作

float：左
将不起作用，因为它将把所有
div
元素放在
左侧
而不是
中间
（它将删除您放在
.container
上的
文本对齐：中间；
属性）


顺便问一下，为什么要用jQuery而不是CSS应用样式
 可能重复的请将css代码集属性显示发布到内联块，即显示：内联块不使用javascript显示此可能重复的请将css代码集属性显示发布到内联块，即显示：内联块不使用javascript显示此$（“body”）.prepend（'onetwother'）$.css（{“宽度”：“100px”，“显示”：“内联块”}）；似乎不行？抱歉，我发布时没有CSS，所以使用
位置：fixed
，它将无法工作…$（“body”）.prepend（'onetwotree'）$.css（{“宽度”：“100px”，“显示”：“内联块”}）；好像不行？对不起，我发帖子的时候没有CSS，所以用
position:fixed
，它就不行了。。。