CSS: Как я могу центрировать текст, несмотря на плавающий элемент рядом с ним?
2 ответа
Вы не можете. Если бы он был центрирован в пределах родительского поля, то в некоторой точке плавающий элемент перекрывал бы содержимое, что побеждало бы точку поплавка. Здесь вы можете использовать два подхода. Если вы знаете ширину поплавка, вы можете применить равное отрицательное правое поле. В противном случае вы можете абсолютно позиционировать элемент следующим образом .
Вы можете оставить все как есть, просто добавив отступ с противоположной стороны с тем же значением пикселя, что и ширина плавающего элемента.
.parent{
text-align: center;
}
.centered.element{
padding-left: [width of floating element]px;
}
.floating.element{
float: left;
}
Чтобы легко найти ширину, просто используйте Developer Tools в любом современном браузере, чтобы Inspect элемент.
См. Здесь: http://jsfiddle.net/cD657/369/
. Примечание: Может не работать, если центрированному элементу назначен background цвет.