2024-12-14 15:33阅读: 7评论: 0推荐: 0

行内元素与块元素

行内元素与块元素

行内元素

What

<span>, <a>, <img>,<input>, <label>

How

  1. 不能设置宽度与高度,只由文本决定,没有内容就是空白,在水平方向上,有内容了就直到一行填满才开启下一行

  2. 通常只包含数据和其他行内元素:所以包裹块元素时,要设置成块元素
    alt text

  3. img之间有默认的间隙,根据浏览器不同而不同,所以一开始要干掉这个间隙
    设置font-size = '0'

块元素

What

e.g.
<div><p><h1><form><ul><ol><li>

How

  1. 独占一行:块元素会自动开始一个新行,垂直排放,并且占据整个容器的宽度
  2. 可以设置宽度与高度
  3. 可以包含其他所有的元素。

本文作者:GJ504b

本文链接:https://www.cnblogs.com/GJ504b/p/18606814

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   GJ504b  阅读(7)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起