定宽块状元素的水平居中设置

来源:15-2 水平居中设置-定宽块状元素

chrisgardner883132

2018-07-24 09:34

1、什么是行内元素呢?上一节对div内的文本进行水平居中设置,那div不是块状元素吗?

2、margin后面既然是auto,为什么还要加20px?

写回答 关注

1回答

  • AndrewOVO
    2018-07-24 10:49:32
    已采纳

    1、块级元素:块级大多为结构性标记

      <address>...</adderss>   

      <center>...</center>  地址文字

      <h1>...</h1>  标题一级

      <h2>...</h2>  标题二级

      <h3>...</h3>  标题三级

      <h4>...</h4>  标题四级

      <h5>...</h5>  标题五级

      <h6>...</h6>  标题六级

      <hr>  水平分割线

      <p>...</p>  段落

      <pre>...</pre>  预格式化

      <blockquote>...</blockquote>  段落缩进   前后5个字符

      <marquee>...</marquee>  滚动文本

      <ul>...</ul>  无序列表

      <ol>...</ol>  有序列表

      <dl>...</dl>  定义列表

      <table>...</table>  表格

      <form>...</form>  表单

      <div>...</div>    

    行内元素:行内大多为描述性标记

      <span>...</span>

      <a>...</a>  链接

      <br>  换行

      <b>...</b>  加粗

      <strong>...</strong>  加粗

      <img >  图片

      <sup>...</sup>  上标

      <sub>...</sub>  下标

      <i>...</i>  斜体

      <em>...</em>  斜体

      <del>...</del>  删除线

      <u>...</u>  下划线

      <input>...</input>  文本框

      <textarea>...</textarea>  多行文本

      <select>...</select>  下拉列表

    块级元素

      1.总是从新的一行开始

      2.高度、宽度都是可控的

      3.宽度没有设置时,默认为100%

      4.块级元素中可以包含块级元素和行内元素

    行内元素

      1.和其他元素都在一行

      2.高度、宽度以及内边距都是不可控的

      3.宽高就是内容的高度,不可以改变

      4.行内元素只能行内元素,不能包含块级元素

    div是块状元素,上节居中不是div居中,而是文字居中

    2、margin:auto 20px;这里是指上下自适应,左右是20px

    chrisg...

    非常感谢!

    2018-07-24 12:57:59

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1223090 学习 · 18212 问题

查看课程

相似问题