美文网首页- [ CSS入门 ]
十六,元素居中

十六,元素居中

作者: 好多可乐 | 来源:发表于2020-12-20 14:18 被阅读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>

相关文章

  • 十六,元素居中

    居中:1,将文字居中: 让自己容器中的元素居中,常用语文本或者图片等内联元素2,将对象居中: 让容器中的自己居中,...

  • 所有CSS居中方法,了解一下?

    目录 水平居中内联元素水平居中块级元素水平居中多个块级元素的水平居中 垂直居中内联元素垂直居中单行内联元素多行内联...

  • css居中方式总结(亲测有效)

    水平居中(行内元素水平居中、块级元素水平居中) 垂直居中 水平垂直居中 行内元素水平居中 text-align: ...

  • CSS之居中问题

    CSS居中主要分为两类 水平居中 (水平居中分为行内元素居中和块状元素居中 块状元素居中又分为 定宽元素 和 不...

  • css 水平垂直居中实现方式

    css 水平垂直居中实现方式 水平垂直居中包括行内元素居中,以及块级元素居中 行内元素html结构 块级元素结构 ...

  • 水平居中和垂直居中

    水平居中设置--行内元素 水平居中设置--定宽块级元素 水平居中设置--不定宽块状元素 垂直居中--父元素高度确定...

  • 居中对齐

    行内元素居中[#hang]垂直居中[#hc]水平居中[#hs] 块级元素居中[#kuai]垂直居中[#kc]水平居...

  • CSS元素居中

    水平居中 行内元素居中:在父元素上设置 text-align: center 使文字/图片水平居中。 块级元素居中...

  • 垂直居中的方法

    行内元素居中 html css before元素居中 html css table-cell居中 css 垂直居中...

  • CSS的水平居中

    水平居中可分为行内元素水平居中和块级元素水平居中** 1.1 行内元素水平居中 这里行内元素是指文本text、图像...

网友评论

    本文标题:十六,元素居中

    本文链接:https://www.haomeiwen.com/subject/xkkknktx.html