我如何使div 1,2,3水平与css?
文本-对齐:中心只把它们放在垂直位置?
<div class="container">
<div class="one">One</div>
<div class="two">Two</div>
<div class="three">Three</div>
</div>
Js代码:
$(".container").css({
"position": "fixed",
"margin":"0",
"left": "0px",
"right": "0px",
"height": "auto",
"min-height": "50px",
"z-index": "255",
"color": "white",
"line-height": "50px",
"padding": "16px",
"font-size": "1em",
"text-align": "center",
"bottom": "0px",
"opacity": "1",
"background": "black"
});
发布于 2016-04-07 09:32:09
设置一个宽度并在CSS中应用display:inline-block
,如下所示:
.container div {
width:100px;
display:inline-block;
}
发布于 2016-04-07 09:38:34
display: inline-block;
可以让它发挥作用。
float: left;
将不能工作,因为它会将所有的div
元素放到left
而不是center
中(它将擦除放置在.container
上的text-align: center;
属性)
顺便问一下,你为什么要用jQuery而不是CSS来应用样式?
发布于 2016-04-07 09:34:32
我想你得试试“左飘”
https://stackoverflow.com/questions/36471967
复制相似问题