Как применить горизонтальные css к divs

Как сделать divs один, два, три горизонтальных css?Как применить горизонтальные css к divs

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

источник

2016-04-07 Hbaecklund

Возможный дубликат [Горизонтально центр div в div] (http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div) – dippas

PLS опубликовать ваш код css – Robert

set отображение свойств: встроенный блок –

Установить ширину и применять display:inline-block в CSS Как это:

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

источник

2016-04-07 09:32:09

$ ("body"). prepend ('

One

Two

Three

'); $ (". StickyDiv"). Css ({"width": "100px", "display": "inline-block"}); – Hbaecklund

Кажется, это не так? – Hbaecklund

Извините, у меня нет CSS, когда я писал, так что с 'position: fixed', это не сработает ... –

я думаю, вы должны попробовать 'Поплавок: левый'

источник

2016-04-07 09:34:32 DsRaj

display: inline-block; coul d заставить его работать.

float: left; не работает, потому что она ставит все ваши div элементы к left вместо center (это сотрет text-align: center; свойство вы положили на .container)

See it here

Кстати, почему ты применение стиля с помощью jQuery вместо CSS?

источник

2016-04-07 09:38:34

Как применить горизонтальные css к divs

ответ

Смежные вопросы