博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用浮动隐式转换为行内块元素
阅读量:4685 次
发布时间:2019-06-09

本文共 337 字,大约阅读时间需要 1 分钟。

情景:块元素和行内元素使用浮动以后,模式会发生什么变化?

    
块元素
行内元素

结论:块元素使用浮动,会默认转换成行内块元素,行内元素使用浮动,会默认转换成行内块元素。

【注意】通过以上的设置,可以实现为行内非替换元素设置宽高及内外边距。但是替换时,还需要注意转换为块级元素只是float副作用,他们本身的作用还会干扰布局效果。
块级元素的宽度会继承其父元素。但是,只有为行内元素设置display:block;才会有这样的效果,其他转换之后并不会默认带来这个效果。

补充:有人说行内元素浮动之后会变成块级元素,可以参照文章:

转载于:https://www.cnblogs.com/EricZLin/p/8716199.html

你可能感兴趣的文章
Linux发展历程
查看>>
centos7.3下curl支持https协议
查看>>
ASPCMS 标签
查看>>
《C++ Primer 4th》读书笔记 第12章-类
查看>>
Mac下搭建Apache+PHP+MySql运行环境
查看>>
WCF消息传递
查看>>
测试准入准出标准
查看>>
区块链学习笔记01(基本介绍)
查看>>
EF多个表映射
查看>>
J2EE项目集成SAP的BO报表
查看>>
SpringBoot--外部配置
查看>>
C#中的线程三 (结合ProgressBar学习Control.BeginInvoke)
查看>>
sqlserver工作日常使用sql--持续完善中
查看>>
文件I/O与标准I/O
查看>>
大数据学习之路(持续更新中...)
查看>>
项目开发总结报告(GB8567——88)
查看>>
enumerate使用
查看>>
BZOJ1930: [Shoi2003]pacman 吃豆豆
查看>>
SSH加固
查看>>
端口扫描base
查看>>