Я работаю над веб-сайтом, который помогает людям лучше осознавать угрозы, создаваемые Интернетом.Сбивание с толку вопросов, связанных с выравниванием текста
Я столкнулся с ОЧЕНЬ раздражающей проблемой css, где текст не будет располагаться горизонтально или вертикально, и, как правило, не кажется, что он правильно прослушивает css. Я проверил все, что его переопределяет, и ничего нет.
Вы центрирование текста в пределах диапазона, который не работает, потому что пролет только размер текста. Вам нужно либо использовать элемент p, либо использовать text-align:center, либо добавить text-align:center в родительский элемент span.
Для выравнивания по вертикали вы можете установить родительский элемент в display:table;, а элемент - display:table-cell; vertical-align:middle;. Это приведет к вертикальному выравниванию элемента.
Спасибо, чувак, я знал, что это что-то простое. –
dsiplay: таблица работает только в последних браузерах. Он не будет работать в IE7. –
@MystereMan, Черт, на этом этапе я просто предполагаю, что в любой версии IE все не работает. Вы случайно не знаете, что выравнивает вертикально, что работает в IE7. – mowwwalker
display: block; и line-height:200px на .sopa-box .title сконцентрируется как горизонтально, так и вертикально
Вот что я вижу в вашем CSS:
.sopa-box .title {
font-size: 50px;
font-weight: 700;
text-shadow: 1px 1px 0px #111111;
text-align: center;
}
Вот что должно быть:
.title {
font-size: 50px;
font-weight: 700;
text-shadow: 1px 1px 0px #111111;
text-align: center;
}
Таким образом, когда вы используете:
<div class="sopa-box">
<span class="title">SOPA</span>
</div>
У вас не будет проблем.
Я думаю, что все сосредоточено? Я не мог понять проблему. – Eray
Единственное, что сосредоточено, это главный div с именем «content», если только это не вызывает проблему, тогда я понятия не имею. –
Исправлено это сейчас, это был пролет, а промежутки - только ширина текста. –