Форумы портала PHP.SU :: Версия для печати :: Накладываются блоки друг на друга

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Накладываются блоки друг на друга

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Накладываются блоки друг на друга

Страниц (1): [1]

1. etoYA - 26 Июня, 2015 - 16:35:39 - перейти к сообщению

Можно ли средствами css, а так же без выбора каждого span выровнять текст (будто без position absolute)?

CODE (html):
скопировать код в буфер обмена

<h1>
    <span>T</span>
    <span>E</span>
    <span>S</span>
    <span>T</span>
</h1>

CODE (html):
скопировать код в буфер обмена

 
span{
    position: absolute;
}
 

p.s position absolute нужно для использование translate.

2. Ch_chov - 26 Июня, 2015 - 16:39:50 - перейти к сообщению

Ну так указывайте позицию для каждого элемента.

3. etoYA - 26 Июня, 2015 - 17:05:56 - перейти к сообщению

Ch_chov, это ясно, я думал, есть что-то универсальное Улыбка

4. IllusionMH - 26 Июня, 2015 - 18:36:46 - перейти к сообщению

etoYA, а если так?

CODE (CSS):
скопировать код в буфер обмена

span {
    position: relative;
    display: inline-block;
}

transform не применяется к инлайновым элементам, но для inline-block должен работать.

5. etoYA - 26 Июня, 2015 - 20:30:59 - перейти к сообщению

IllusionMH, неа, transform (как я понял) работает только при абсолютном позиционировании.

6. IllusionMH - 26 Июня, 2015 - 23:03:53 - перейти к сообщению

etoYA, неправильно поняли. Почитайте спеку.
Проверил: Opera, FF, Chrome отлично двигают span если задать ему inline-block. А вот Edge двигает и инлайновые элементы. Позиционирование в общем случае нафиг не нужно.

7. etoYA - 27 Июня, 2015 - 18:01:52 - перейти к сообщению

IllusionMH, действительно,спасибо.