代码之家 › 专栏 › 技术社区 › Sephistius Rune

如何在HTML中将文本块放在一起?

web-site-project layout web css html

Sephistius Rune · 技术社区 · 3 年前

我正在制作一个个人网站,以供娱乐和练习,我想让一些文本块挨在一起,这样它们就可以水平地与页面的两侧对齐,但垂直地在同一水平上。每个块都有自己的头,因此可以将其与其他块区分开来。我对使用HTML和/或CSS持开放态度。

1 回复 | 直到 3 年前

Isaac 3 年前

使用HTML和CSS有很多方法可以做到这一点,但对于初学者来说,我建议考虑添加 display: inline-block css属性来围绕内容包装元素。例如

section {
  display: inline-block;
}

<body>
  <section>
    <h3>Hello</h3>
    <p>World</p>
  </section>
  <section>
    <h3>Hello</h3>
    <p>Pluto</p>    
  </section>
</body>

你也可以在未来研究Flexbox和CSS网格,但在刚开始的时候,它们会更复杂。祝你好运

推荐文章

tickstop · Jetpack Compose-将布局的子元素扩展到边界之外

1 年前

K. Morris · DIV在100%高度,包含表,需要滚动条,未显示

2 年前

Shane McX · 在flutter中,如何在窗口的顶部和底部排列小部件?

2 年前

CheeseFlavored · CSS-如何根据屏幕大小更改DIV的顺序?

2 年前

Matteo Zattera · 为什么列的高度不尽相同?

2 年前

Jason Williams · CSS样式当文本添加到元素中时,将元素拉到页面下方[重复]

2 年前

Emil · 动态布局克隆

2 年前

MãÄ´Ä · Android Xml布局问题以下移textView

2 年前

michal roesler · CSS Flexbox设置等宽列,当第一列中有<ul>文本,第二列中有大图像时

2 年前

Surabhi T S · 我使用了“网格模板行:200px 200px;”。但它并没有创建2行多列

2 年前