美文网首页
块级标签与行级标签的区别与转化

块级标签与行级标签的区别与转化

作者: 双鱼九年 | 来源:发表于2018-10-08 20:46 被阅读0次

区别:

1.块级元素可以设置宽高,行级元素不能设置宽高(只能根据文字来设置,比较特殊的是img\input是可以设置宽高);

 2.块级元素是独占一行,行级元素不行;

转化:

1.display:inline;//将块级元素转化为行级元素,这时块级元素设置的宽高无效

 2.display:block;//将行级元素转块级元素,这时原本的行级元素会变成块级元素独占一行,同时可以设置宽高

 3.display:inline-block;//将行级元素转块级元素,不会独占一行,可以设置宽高

相关文章

  • 块级标签与行级标签的区别与转化

    区别: 1.块级元素可以设置宽高,行级元素不能设置宽高(只能根据文字来设置,比较特殊的是img\input是可以设...

  • html,css之补充篇(1)

    一.行级标签,块级标签与行块标签 大家都认识了div,span标签,那么有人会疑惑,这两标签会有什么区别呢,我们可...

  • 行块级标签

    可见行级标签与块级标签的区别 行级标签:内容撑开宽度,不可以通过样式控制宽和高,它的宽和高随标签里的内容而...

  • Day8

    CSS设置标签模式: display属性:display:inline(可以让块级标签转化为行级标签) displ...

  • 行、块、行块标签与盒模型

    块级标签(block),行级标签(inline),行块标签(inline-block): 块级标签(block)的...

  • css基础---display的作用

    1.块级元素、行内元素是什么?有什么区别?分别对应哪些常用标签? 块级元素:总是从新行开始,占据一行,宽度与屏幕宽...

  • H5笔记——CSS常见的标签类型

    CSS中,有以下几种标签类型:块级标签、行内标签、行内-块级标签。 块级标签 特点:1.独占一行的标签;2.能随时...

  • HTML常用块级标签和行级标签

    上篇做了个开始,这篇主要总结html中常用的块级标签和行级标签。这里所说的块级标签是指在布局中单独占据一行的标签...

  • 行级块级标签

  • 零散知识点总结

    标签的合理使用 行级元素只能嵌套行级元素,块级元素可以嵌套任何元素 a标签里面不能适用a标签 p标签当中不能是用d...

网友评论

      本文标题:块级标签与行级标签的区别与转化

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