2016-04-27 3 views
0

У меня есть абзац в двух divs с классами .content1 и .content2, и я не могу получить их в центр в пределах divs. Знает ли кто, почему это так?Почему мой тэг не центрируется в двух моих div div

Demo

Код:

.content1 p, .content2 p { 
    text-align: center; 
    background-color: rgba(0,0,0,.02); 
    max-width: 280.34px; 
} 
+0

Где вы хотите поместить свои абзацы? И вам нужно поставить их бок о бок? – hiew1

ответ

0

как вы можете видеть текст выравниваются в ваши дела. взгляд на 2 изображения с Выровнять по левому краю и выровняйте центр enter image description here

enter image description here

+0

он находится в меньших размерах экрана, но он выглядит по центру в полноэкранном режиме – Brandon

0

теперь я вижу, я неправильно вопрос все эти месяцы назад. Чтобы центрировать каждый paragrapah себя в пределах его родителя div, когда это шире max-width абзаца, вам просто нужно добавить margin свойство этого правила включены в ваш вопрос, установив margin-left & margin-right в auto, например, так:

.content1>p,.content2>p{ 
    background-color:rgba(0,0,0,.02); 
    margin:0 auto; 
    text-align:center; 
    max-width:280.34px; 
} 

Ваш текст сосредоточен в этих параграфах. Однако, поскольку текст в этих парагрпах - это одна и та же строка, повторяющаяся несколько раз, при некоторых размерах вы получите текст, в котором каждая строка абзацев идентична, что делает абзацы выглядят оправданными, а не центрированными. В этих случаях, однако, вы можете просто увидеть центрирование на последней строке, которая не заканчивается запятой.

Чтобы избежать подобных проблем в будущем, попробуйте вместо этого использовать «lorem ipsum».

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