标签水平居中 可通过加入以下代码来实现
margin： 0 auto例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 300px;
height: 300px;
background-color: pink;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
[点击并拖拽以移动]
其运行结果如图所示：
通过css在div控制器中加入后结果如下图所示，div变为水平居中。
margin: 0 auto
完整代码为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 300px;
height: 300px;
background-color: pink;
/* maigin是一个复合属性 */
margin: 0 auto;
}
</style>
</head>
<body>
<div></div>
</body>
</html>像图，文字，input类的标签内容要居中，是给父级去加居中代码如
text-align: center;例子：
/* 标签居中 */
margin: 0 auto;
/* 内容居中 */
text-align: center;
扫一扫
2033
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
