十六，元素居中

最新推荐文章于 2023-01-03 21:16:49 发布

好多可乐

最新推荐文章于 2023-01-03 21:16:49 发布

阅读量58

点赞数

分类专栏： CSS基础

本文链接：https://blog.csdn.net/qq_36792120/article/details/111223822

版权

CSS基础专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文详细介绍了如何通过CSS实现文本（如慕课网）和块级元素的居中对齐，包括使用`text-align: center`和`margin: auto`来控制内联和块级元素的居中效果，适合前端开发者理解和实践。

摘要由CSDN通过智能技术生成

居中：
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>

好多可乐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
十六，元素居中

居中：**1，将文字居中：**让自己容器中的元素居中，常用语文本或者图片等内联元素**2，将对象居中：**让容器中的自己居中，长作用于块元素，且需要配合宽度使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>margin外边距</title> <style type="text/css">
复制链接

扫一扫

专栏目录