html - 如何将水平CSS应用于div

Question

如何使用 css 将 div 设置为一、二、三？

text-align: center只将它们垂直放置？

<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"
});

Answer 1

设置宽度并在 CSS 中应用 display:inline-block 像这样:

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