Ширина содержимого
Есть DIV. В нем <h3>, у которого "width: auto", и он растягивается в соответствии с содержимым. И несколько <p>, которые располагаются под <h3>. И проблема в том, что когда я им выставляю width: auto, то они растягиваются до той ширины, которая выставлена заголовком. А мне нужно, чтобы их ширина зависела от их содержимого.
Как это реализовать? Подскажите пожалуйста. |
<p> - block элемент и всегда растягивается на всю ширину
|
decadent,
Зачем вам это??? Попробуйте заместо <p> использовать <span> |
Skipp,
Все равно растягивается на всю ширину. Мне нужно чтобы элементы располагались в столбец. Соответственно я ставлю им display: block. И <span> тоже получается растянут. |
Цитата:
Картинкой че ли покажи что нужно... |
decadent,
Я не знаю как в других браузерах, а в IE8 задай width заведомо меньше чем требует содержимый контент. В этом случае все пробелы в тексте делай  , либо задай соответствующее свойвство noWrap (какое значение на память не помню), а то текст будет переносится на строчку ниже пока ширина не станет равной самому длинному слову. Или второй вариант, опять же гарантирую только раборту в ie8 :сделай p position:absolute, top, left, bottom, right, width должны быть auto, следующему элементу в HTML коде назначь margin-top равным высоте элемента позиционируемых элементов. Этот вариант имеет тоже свои недостатки-максимальная ширина p болше ширины содержащего элемента и др. |
Цитата:
decadent, вы задачу описат можете, ничего не понятно что хотите сделать |
Цитата:
В нем заголовок <h3> position: relative; display: block; В нем соответственно надпись, которая и задает ширину содержимого h3 и div. При нажатии на заголовок загружается меню: несколько <span> друг под другом в одном столбце. Они тоже попадают в <div> где <h3> и растягиваются до ширины заголовка. Потому что чтобы они были каждый, под предыдущим им нужно выставить display: block. Я сделал так, что запихнул все span в отдельный div, и теперь у них ширина, как у самого широкого span. Можно ли сделать так, чтобы у каждого из них ширина была по содержимому и все они были в столбец? |
decadent, вместо корявого описания просто сделай тестовый хтмл-файл, а его "внутренности" выложи тут.
Покажи картинкой что хочешьполучить в итоге... Вроде не сложно? :) |
Цитата:
|
Цитата:
Всем спасибо. |
Я так понял, решения вопроса ты сдесь не получил?
|
Цитата:
|
Таки и тестового примера мы не увидили... Одни пространные попытки "объяснить".
|
Цитата:
ksa - ты один кто не понял. |
<style type="text/css">
#wrapper {display: inline-block; zoom: 1; overflow: hidden; border: dashed 1px}
#wrapper p {
clear: left;
float: left;
background: #ffdd88;
}
</style>
<div id="wrapper">
<h2>Сказка про попа и его страшную злую и коварную собаку</h2>
<p>У попа была собака,</p>
<p>Он ее любил</p>
<p>Она съела кусок мяса,</p>
<p>Он ее убил,</p>
<p>В землю закопал,</p>
<p>Надпись написал:</p>
<p><b>Fatal error</b>: out of memory (tried to allocate 1024 bytes) in <b>eval'd code</b> at <b>line 7</b></p>
</div>
|
subzey,
Спасибо. То, что нужно. |
| Часовой пояс GMT +3, время: 18:52. |