Как разместить текст посредине изображения

Привет Использование CSS Я пытаюсь центрировать некоторый текст на изображении, чтобы он выглядел так.Как разместить текст посредине изображения

<div> 
------- 
|P | 
| I | This is some text. 
| C| 
------- 
</div>

Как я могу достичь этого результата? Не знаю, поможет ли это, изображение 32x32 пикселей.

источник

2011-01-02 afarazit

img { vertical-align: middle; }

(хотя вы, вероятно, хотите получить более конкретный селектор) и

<div> 
<img alt="…" src="…" height="32" width="32"> This is some text. 
</div>

источник

2011-01-02 22:39:03 Quentin

код, который сделал это легко и приятно :) – afarazit

Может ли изображение быть фоном? Если это так, попробуйте

<div style="line-height: 32px; padding-left: 32px; background: url('PIC');">This is some text</div>

источник

2011-01-02 22:38:49 Soumya

Используйте свойство CSS (на изображении) vertical-align:middle;

Если средний не соответствует законопроекту, эксперимент, чтобы увидеть, что работает с вашим шрифтом и шрифтом.

Вот full list of values

источник

2011-01-02 22:41:59

@Alex Ваш ответ правильный, как Дэвид – afarazit

Я хотел бы сделать DIV есть изображение в качестве фона затем введите текст, центре и добавить некоторое дополнение или запас, чтобы переместить его вниз и центр его прекрасно.

например.

div  { 
    width:32px; 
    height:21px; 
    padding-top:11px; 
    text-align:centre; 
    font-size:10px; 
    background:url(yourImageURL) no-repeat; 
}

Вы можете просто нужно настроить отступ, высоту и/или размер шрифта, чтобы получить идеальный Verticle Центрировать

источник

2011-01-02 22:42:45 brenjp