元素显示模式

2022/6/8 23:20:12

本文主要是介绍元素显示模式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

主要研究换不换行

块级元素

独占一行(div)

随意加宽高

行内

一行显示多个(a)

不能加宽加高

行内块

一行显示多个(input)

转换

dispaly:block(转为块级)

display:inline-block(转为行内块)

display:inline(转为行内)

 

清除默认样式的一些代码

*{     margin: 0;     padding:0;     box-sizing: border-box; } li {     list-style: none; } a {     text-decoration: none; }
.clearfix:before,.clearfix:after {     content:"";     display:table;   }   .clearfix:after {     clear:both;   }

这篇关于元素显示模式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程