小编典典

如何在div内垂直居中?

all

编码:

<div 
  id="theMainDiv"
  style="
    border:solid 1px gray;
    cursor:text;
    width:400px;
    padding:0px;"
>
  <span 
    id="tag1_outer" 
    style="
      background:#e2e6f0;
      padding-right:4px;
      padding-left:4px;
      border:solid 1px #9daccc;
      font:normal 11px arial;
      color:#3c3c3c"
  >as</span>
</div>

现在渲染时,跨度对齐 div 的左下角。


阅读 88

收藏
2022-05-16

共1个答案

小编典典

请参阅我关于理解垂直对齐的文章。在讨论结束时,有多种技术可以完成您想要的。

(超短总结:要么将子元素的行高设置为等于容器的高度,要么在容器上设置定位并将子元素绝对定位在top:50%margin- top:-YYYpxYYY 是子元素已知高度的一半。)

2022-05-16