首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将水平css应用于div

如何将水平css应用于div
EN

Stack Overflow用户
提问于 2016-04-07 09:27:35
回答 3查看 36关注 0票数 0

我如何使div 1,2,3水平与css?

文本-对齐:中心只把它们放在垂直位置?

代码语言:javascript
运行
复制
<div class="container">
   <div class="one">One</div>
   <div class="two">Two</div>
   <div class="three">Three</div>
</div>

Js代码:

代码语言:javascript
运行
复制
$(".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"
});
EN

回答 3

Stack Overflow用户

发布于 2016-04-07 09:32:09

设置一个宽度并在CSS中应用display:inline-block,如下所示:

代码语言:javascript
运行
复制
.container div {
    width:100px;
    display:inline-block;
}
票数 1
EN

Stack Overflow用户

发布于 2016-04-07 09:38:34

display: inline-block;可以让它发挥作用。

float: left;将不能工作,因为它会将所有的div元素放到left而不是center中(它将擦除放置在.container上的text-align: center;属性)

在这里看

顺便问一下,你为什么要用jQuery而不是CSS来应用样式?

票数 1
EN

Stack Overflow用户

发布于 2016-04-07 09:34:32

我想你得试试“左飘”

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36471967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档