- [ CSS入门 ]

十六,元素居中

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>
上一篇下一篇

猜你喜欢

热点阅读