首页 > 其他 > 详细

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

时间:2020-01-04 14:55:31      阅读:94      评论:0      收藏:0      [点我收藏+]

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

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 块元素 内联元素 内联块元素

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!