текст центра в div как элемент img

Я могу легко фиксировать изображения на странице, но когда дело доходит до текста, это кажется более сложным. этот jsFiddle демонстрирует, как изображение центрировано, но текст отсутствует. Как я могу центрировать текст таким же образом? Спасибо за прочтение.текст центра в div как элемент img

.center{ 
     display:table; 
     position:fixed; 
     left:0; 
     right:0; 
     margin:auto; 
     border:1px solid grey; 
} 

<div class = "center">text</div>

источник

2015-01-07 user2014429

http://jsfiddle.net/Rc9fa/357/ – DaniP

Дайте ширину и использовать text-align:centerhttp://jsfiddle.net/Rc9fa/358/

.center{ 
width:100px; 
text-align:center; 
display:table; 
position:fixed; 
left:0; 
right:0; 
margin:auto; 
border:1px solid grey; 

}

источник

2015-01-07 16:06:10 Akshay

@Danko Он должен будет изменить класс или использовать несколько классов, то – Akshay

Это хорошее решение, однако, , ширина переменной, поэтому, если div больше 100px, он больше не будет центрирован. Спасибо за ответ. +1 – user2014429

@ user2014429 Я расскажу об этом позже. Мне нужно идти пополам. – Akshay

Просто добавьте text-align:center; и width:100%; к вашему CSS. Это то, что вы ищите?

Updated Fiddle

EDIT: Вы можете заменить width:100%; с width:yourWidthYouWant;, и он будет работать.

источник

2015-01-07 16:05:59 Roman

текст центра в div как элемент img

ответ

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