HTML的表格里top、middle、bottom、baseline分别用来干什么?

HTML的表格里top、middle、bottom、baseline分别用来干什么?,第1张

表格中的这些都是垂直对齐方式。

top:顶部对齐

bottom:底部对齐

middle:垂直居中对齐

baseline:基线对齐(这个稍微解释一下:表示文本的基线与表格的中线对齐。也就是文本出现在表格的中上部而不是正中央。如果文本字符大小比较小时,效果和middle差不多,比middle稍微靠上一点)

<style type="text/css"><!-- div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}--></style><div>让层垂直居中于浏览器窗口</div>其实解决的思路是这样的:首们需要position:absolute;绝对定位652而层的定位点173使用外补丁margin负值的方法5负值的大小为层自身宽度高度除以二in如:一个层宽度是400高度是30039使用绝对定位距离上部与左部都设置成50%1739而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写如果你是想让div垂直居中与div那么你可以在父级div上加一个position:relative即可


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7342678.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存