HTML居中代码怎么写?

HTML居中代码怎么写?,第1张

通过中心点,计算坐标来垂直居中。

设置单行或表格单元格内元素,垂直方向上的位置,不能用块级元素。可用属性值: top middle bottom 等, 详细说明

将文字 line-height 等于父容器的高度,即可垂直方向上居中; text-align 可让文在水平方向上居中。

可以用增高行距的办法变通实现垂直居中,完整代码如下:

<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body >
<div id="center"><p>test content</p></div>
</body>
</html>


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

原文地址: https://outofmemory.cn/yw/13374378.html

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

发表评论

登录后才能评论

评论列表(0条)

保存