#html #css #width #line-breaks
#HTML #css #ширина #разрывы строк
Вопрос:
Как я могу установить автоматическую ширину элемента (в моем случае h3 — an ul ) без ввода разрывов строк, чтобы текст автоматически помещался внутри контейнера в пределах этой ширины, позволяя соответствующим образом изменять только высоту?
<ul>
<li>
<h3>Lorem ipsum</h3>
<p>lorem ipsum</p>
</li>
</ul>
Спасибо
Комментарии:
1. Не могли бы вы подробнее объяснить свой вопрос? Вы спрашиваете: «Как мне сделать так, чтобы ширина занимала все пространство?»
2. Я просто хочу установить определенную ширину для контейнера, содержащего заголовок (h3), и независимо от длины текста, он автоматически помещается внутри, не выходя за границы контейнера и без ввода <br/> каждый раз, когда мне нужно начинать новый абзац. Надеюсь, я объяснил это лучше. спасибо, кстати.
Ответ №1:
Чтобы задать контейнеру определенную ширину, вы можете просто установить ширину <ul> тега.
Для этого вы используете width свойство в CSS.
В приведенном ниже примере я установил значение width быть 400px , вы можете настроить это в соответствии с вашими потребностями.
.list {
width: 400px;
} <ul class="list">
<li>
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mattis, est id malesuada ultrices, tortor augue suscipit ex, nec viverra diam purus sit amet purus. </p>
</li>
</ul> Комментарии:
1. Большое спасибо. Теперь моя последняя проблема. У меня уже есть <ul> в моем документе с определенными свойствами css. Могу ли я указать для него «класс», чтобы я мог указать браузеру определенные свойства для этого второго <ul> , отличные от первого <ul> ? или есть другие и лучшие способы для этого? Потому что я сделал, и это не сработало … спасибо
2. Да, вы обязательно должны присвоить ему класс или идентификатор. Если вы задаете ему класс, например
<ul class="classname", тогда вам нужно сделать в стиле.classname, а затем оформить его таким образом. Я обновлю свой ответ этим для вас.