码迷,mamicode.com
首页 > 其他好文 > 详细

3.3 块元素 内联元素 内联块元素

时间:2020-01-04 14:25:21      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:布局   宽度   代码   决定   元素   默认   样式   text   内联   

元素就是标签,布局中常用的有三种标签,块元素 、内联元素、内联块元素

3.3.1 块元素

  块元素,也可以称为行元素,布局中常用的标签有:div \ p\ ul\ li \h1-h6\ dl\ dt\ dd等都是块元互;它在布局中的行为:

    a.支持全部的样式

    b.如果没有设置宽度,那么默认的宽度为父级宽宽的100%

    c.盒子占据一行,即使设置了宽度

3.3.2 内联元素

  内联元素,也可以称为行内元素,布局中常用的标签如:a  pan  em  b  strong  i等,它们在布局中的行为:

    a.支持部分样式(不支持宽、高、margin上下、padding上下)

    b.宽高由内容决定

    c.盒子并在一行

    d.代码换行,盒子之间会产生间距

    e.子元素是内联元素,你元素可以用text-align属性设置元素水平对齐的方式

3.3.3  解决内联元素间隙的方法

    a.去掉内联元素之间的换行

    b.将内联元素的父级设置font-size为0,内联元素自身再设置font-size

3.3.4 内联块元素

  内联块元素,也叫行内元素,是新增的元素类型,现有元素没有归于此类型;

3.3 块元素 内联元素 内联块元素

标签:布局   宽度   代码   决定   元素   默认   样式   text   内联   

原文地址:https://www.cnblogs.com/zijiang-4476/p/12148777.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!