здесь рабочий скрипку:CSS 3 элементы вертикально {левый, центральный, правый} плавающий
Мне нужно поместить 3 пунктов (текст и 2 изображения), вертикально (это нормально), но правая картинка должна быть закреплена справа, а текст по центру
Хороший CSS
SPAN теги так широко, как их содержание, поэтому установка что-то, чтобы быть в центре не имеет никакого смысла.
Вместо этого используйте DIV (элемент блока). Элементы блока настолько же широки, как и их КОНТЕЙНЕРЫ.
<div style="text-align: center;"> Lorem </div>
Один хороший трюк, добавить цвет фона или границу элемента вы можете увидеть, где именно он находится в макете. Это очень удобно для отладки этих типов проблем.
<div style="text-align: center;border:1px solid #ff0000"> Lorem </div>
вам не нужно все, что фантазии CSS-правила и обертки-элементы, простой vertical-align достаточно. (see here).
Поскольку промежутки являются встроенными элементами, он сворачивается, чтобы соответствовать содержимому, и поэтому текст не может быть центрирован. Вы тоже можете использовать элемент уровня блока, это сломает ваш макет.
Вам либо необходимо применить display:inline-block; и добавить width, либо использовать поплавки для вашего макета.
спасибо за упрощение вещей, как я могу убедиться, что правильное изображение остается справа - текст помещается в пространство между ними, и все эльты центрируются по вертикали немного, как это http://jsfiddle.net/2bNsC/71/, но это грязно –
спасибо, если вы видите http://jsfiddle.net/2bNsC/72/ и widden html, можно ли удостовериться, что правый pic остается привязанным справа, может быть невозможен, поскольку эльты относительно расположены –
Время для выполнения домашних заданий: http://css-tricks.com/all-about-floats/ http://css.maxdesign.com.au/floatutorial/ –
спасибо за домашнее задание, мне просто не нравится CSS, он работает так: http://jsfiddle.net/2bNsC/73/ работает, подождите, я увижу, кто заслуживает ответа –