Встройте горизонтальную распорную деталь в HTML
Я делаю Веб-страницу со слайд-шоу, с помощью той же техники, используемой на http://zine.pocoo.org/. Человек, для которого я делаю сайт, хочет, чтобы слайд-шоу центрировался. Однако некоторые фотографии являются портретным макетом, и некоторые - среда. (Это не было моим выбором.) Мне нужен a position: absolute для получения лития, содержащего объекты в правильном месте, так центрирование их не работает. (По крайней мере, не нормальными методами.)
Так, я думал, что это могло бы работать для вставки "распорной детали" на 124 пикселя перед изображением на изображениях портрета. Я попробовал его a , но это только вставляет одиночный пробел, не полные 124 пикселя. Слайд-шоу постепенно появляется и хорошо, тем не менее, таким образом, я думаю, что он работал бы, если я мог бы получить надлежащий интервал.
Мой вопрос - это: делает любой знает способ иметь 124 пкс пространства, встроенного в HTML (предпочтительно, не используя изображения), или другой способ центрировать изображения в li объекты?
2 ответа
Я думаю, вам нужно добавить margin-left вместо padding-left, потому что margin находится вне элемента, а padding - внутри.
Старайтесь не ставить большие пробелы на элементах и особенно на нескольких элементах. Единственный способ добавить разделитель на элемент - это относительное позиционирование или элемент inline-block (используйте осторожно)
Для слайд-шоу лучше всего использовать относительное позиционирование s для position:absolute; внутри s на width:100%; и text-align:center;, чтобы все, что находится внутри, было расположено по горизонтали (вертикальное центрирование в CSS2 - сложная задача). Посмотрите http://jquery.malsup.com/cycle/, который по умолчанию выводит инлайн-стили по умолчанию, но все равно очень красивый.