Как получить ширину заголовка HTML в соответствии с текстовым контентом?

Возможно, невероятно простой вопрос, но здесь идет:Как получить ширину заголовка HTML в соответствии с текстовым контентом?

У меня есть различные заголовки HTML с цветным фоном.

Проблема заключается в том, что, если я не укажу конкретную ширину, они всегда, кажется, принимают 100% ширину пространства, в котором они находятся в настоящее время. Есть ли атрибут, который я могу назначить ширине, которая заставит ее отрегулировать относительно длина самого титула?

источник

2011-01-18 Jack Roscoe

Если задан элемент заголовка для визуализации как встроенный элемент, он будет только расти до размеров его содержимое, имейте в виду, хотя это может иметь другой стук эффектов

<div id="header"></div> 

#header { 
    display: inline; 
}

источник

2011-01-18 10:04:44

будьте осторожны: делая div inline заставит его потерять свои свойства блока! – jrharshath

Там в не очень подробно здесь - я предполагаю, что вы имеете в виду что-то вроде:

<div id="header"><h1>My Title</h1></div> 
<style> 
#header {background:red;} 
</style>

и ваша проблема является h1 тег неизвестной длины? Если это так, то вы можете просто установить фон Н1, и, возможно, добавить отступы ...

<style> 
#header h1 {background:red;} 
</style>

источник

2011-01-18 10:08:15 Neokoenig

Вы можете вложить содержимое с строчными элементами:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<style type="text/css"><!-- 
th{ 
    background-color: white; 
} 
th span{ 
    color: white; 
    background-color: red; 
} 
--></style> 
</head> 
<body> 

<table> 
<tr> 
    <th><span>A<span></th> 
    <th><span>B<span></th> 
    <th><span>C<span></th> 
    <th><span>D<span></th> 
</tr> 
<tr> 
    <td>Lorem</td> 
    <td>Ipsum</td> 
    <td>Dolor</td> 
    <td>Sic</td> 
</tr> 
</table> 

</body> 
</html>

источник

2011-01-18 10:11:08

Как получить ширину заголовка HTML в соответствии с текстовым контентом?

ответ

Смежные вопросы