html - 将 HTML 中的文本装箱

标签 html css

我是 HTML 的新手,所以我不确定如何找到有关如何执行此操作的答案,但基本上我只是试图将一段文本框起来并缩进并填充背景颜色像这样的一小部分(不是整个网页的宽度):boxing

最佳答案

你可以这样做:

//HTML
<div class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>

//CSS
.content {padding: 20px; background-color: #333}
.content p {background-color: #eee; margin: 0 0 20px 0; padding: 10px}

JSFiddle 在这里:https://jsfiddle.net/qszx5uwh/

关于html - 将 HTML 中的文本装箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36467597/

相关文章:

html - 防止 html 元素在分辨率太小时被挤压

javascript - 动态重新排列 child 以适应有限空间中的大多数

javascript - 使用 jQuery 滚动一个 div

html - AngularJS: Bootstrap 中的响应高度

android - NativeScript ListView 元素模板

当其他菜单项悬停时,CSS 菜单隐藏当前子菜单

php - 如何使用单选按钮更新 MySQL 中的数据?

jquery - 从 div 中查找电子邮件而不使用具有电子邮件的 div 的类名

jquery - href ="mailto:"在 jQuery colapsible-set 中不起作用

jquery - 如何使两个div之间的差距固定?