Как делают я установил цвет фона промежутка, таким образом, он окрашивает фон всюду по строке как в отделении (дисплей: блок; не опция)

Question

Как делают я установил цвет фона промежутка, таким образом, он окрашивает фон всюду по строке как в отделении (дисплей: блок; не опция)

Я должен разработать некоторый текст в предварительном элементе. Для этого я использую встроенный элемент промежутка как это:

<pre>
some text <span style="background-color:#ddd;">and some text
with a different background</span> and some more text
</pre>

Тогда HTML представляется, фон элементов промежутка только изменяется под текстом.

Так или иначе возможно заставить цвет фона расшириться всюду по строке, не изменяя дисплей на блок или встроенный блок.

Или есть ли способ достигнуть этого с JavaScript?

10

javascript html css

задан Michael Andersen 6 January 2010 в 20:32

4 ответа

Другие вопросы по тегам:

javascript html css

Похожие вопросы:

score 6 · Answer 1

[

] вы можете достичь этого, отформатировав ваш текст другим способом. Я добился того, что, как мне кажется, вы ищете:[

] [

    <pre>
    some text<span style="background-color:#ddd;">
    and some text
    with a different background</span>
    and some more text
    </pre>

]

score 0 · Answer 2

[

] промежуток - это строчный элемент. Для заполнения по всей ширине нужен элемент уровня блока. []Inline против block[][

]

score 2 · Answer 3

[

] Элемент "span" встроен, поэтому он просто меняет фон на то, куда вы его поместили. Так как он также находится в теге []

[], если вы хотите, чтобы он изменил фон для пробельных символов вокруг текста, то вы можете включить этот пробельный символ в span. []

[]Например, это изменит фон для некоторых пробельных символов в конце каждой строки, а также за текстом (но только из-за []pre[] учитывается пробельный символ, без него пробельные символы будут игнорироваться как обычно)[]

[<pre>
some text
<span style="background-color:#ddd;">and some text                   <br/>
with a different background           </span>
and some more text
</pre>
]

[]Что мешает вам использовать элемент блоков? Было бы намного лучше либо сделать отображение пробела в виде элемента блока, а не в строке, когда он находится в этой конкретной части, либо просто использовать элемент блока для начала, а не для пробела. Например,[]

[<html>
<head>
    <style>
    pre span { display: block; }
    </style>
</head>
<body>
    <pre>
    some text
    <span style="background-color:#ddd;">and some text<br/>
    with a different background</span>
    and some more text
    </pre>
</body>
</html>
]

score 2 · Answer 4

Можно попробовать работать в реверсном режиме, у него больше разметки, но он делает то, что вы хотите.

<pre>
<div style="background-color:#ddd;float:left"><span style="background-color:#fff">some text</span>and some text
with a different background <span style="background-color:#fff">and some more text</span>
</div>
</pre>