十六,元素居中
2020-12-20 本文已影响0人
好多可乐
居中:
1,将文字居中: 让自己容器中的元素居中,常用语文本或者图片等内联元素
2,将对象居中: 让容器中的自己居中,长作用于块元素,且需要配合宽度使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>margin外边距</title>
<style type="text/css">
p{
width: 200px;
height: 200px;
}
#imooc{
background-color: yellow;
line-height: 200px; //以下2个参数表示设置文字居中
text-align: center;
margin:20px auto;//这个参数设置块状居中
}
</style>
</head>
<body>
<p id="imooc">慕课网</p>
</body>
</html>