Html 如何在没有容器的情况下沿基线将 div 中的元素居中

div {
  vertical-align: middle;
  height: 100px;
  
  /* this does not align all <p>'s to the left, but does center them */
  text-align: center;
}

<div>
  <p>Lorem ipsum</p>
  <p>Lorem ipsum, lorem ipsum</p>
  <p>Lorem ipsum, foo</p>
</div>

div {
  display: grid;
  justify-content: center;
}



p {
  margin: .5em 0;
}

<div>
  <p>Lorem ipsum</p>
  <p>Lorem ipsum, lorem ipsum</p>
  <p>Lorem ipsum, foo</p>
</div>

Html相关问答推荐

一次悬停可触发同一分区中的另一次悬停

z—index总是 destruct 我的头，我该如何修复它？

在Apps Script中连接CSS与HTML

试图让三个Divs与下面的另外三个对齐

HTML表行悬停仅适用于偶数行

带有多种 colored颜色 的HTML按钮

如何更改计时器S输入的Angular 字体大小？

未在抖动中播放的HTML音频｜｜文本正在工作其他标记正在播放，但音频未播放

子元素的单一背景

CSS Grid：使网格行填充屏幕，将下一行推离屏幕

防止position：relative的child在出界时收缩

在弹性框布局中的第n个元素后强制换行

如何生成随机字符串的字母数字字符集长度到html跨度？

如何在R rmarkdown中创建循环中的分页表？

如何在VB.NET中用打印预览和直接打印的方式在Html中打印数据表的内容，包括页眉/设置纸张/方向/适合页面/总计

带圆角帽的 CSS 部分边框

如何避免链接在悬停 timeshift 动，同时增加导航栏中的字体大小？

我如何使用 CSS nth-child(odd) nth-child(even) 来对齐 CSS 网格中的列？

CSS 中的 fingerprint scanner 动画

无法在 css 的 body 标签中正确呈现(内联显示)