CSS центрирование текста между двумя изображениями - PullRequest
Новая
       3

CSS центрирование текста между двумя изображениями

3 голосов
/ 09 июня 2010

Мне нужно отобразить два изображения и некоторый текст, например так: 

------------------------------------------
img1--------some centered text-------img2
------------------------------------------
  • img1 и img2 - это не одинаковые размеры, но их ширина очень близка
  • Текстявляется переменной в зависимости от страницы, на которой он отображается, и может содержать две строки вместо одной.
  • Текст должен располагаться по центру по горизонтали между двумя изображениями или между внешней частью контейнера (либо будет хорошо)
  • текст И изображения должны быть центрированы вертикально внутри контейнера.

Я могу сделать это ОЧЕНЬ легко с таблицей, но я быСкорее не отступать к этому для макета.Атрибуты position:inline-block и display:table-cell прекрасно работают в некоторых браузерах, но мне нужно поддерживать IE6 +.

1 Ответ

4 голосов
/ 09 июня 2010 
<style type="text/css">
#image1 { float: left; }
#image2 { float: right; }
#text { text-align: center; }
</style>
...