美文网首页
前端,内联元素的盒模型

前端,内联元素的盒模型

作者: 沦陷_99999 | 来源:发表于2018-11-23 08:38 被阅读0次

内联元素不支持宽(width)和高(height)
支持水平方向的内边距和边框
外边距支持只水平方向不支持垂直
.box{
padding-left:100px;
padding-right:100px;
border:10px red solid;
}
.box{
margin-left:100px;
margin-right:100px;
}
display和visibility
a{
width:100px;
height:100px;
display:none;
}
none:此元素不会被显示
把内联元素转成块元素
a{
width:100px;
height:100px;
display:block;
}
a{
width:100px;
height:100px;
display:inline-block;
}
行内块元素
visibility
.box{
width:100px;
height:100px;
background-color:orange;
visibility:hidden;
}
display的none和visibility的hidden有什么相同点和不同点?
display的none和visibility的hidden相同点是都会让元素消失隐藏不见
display的none和visibility的hidden不同点是display的none是占地方的而visibility的hidde是不占地放的

相关文章

  • 前端,内联元素的盒模型

    内联元素不支持宽(width)和高(height)支持水平方向的内边距和边框外边距支持只水平方向不支持垂直.box...

  • 2.11_特征布局_翻页

    运用盒模型和内联元素

  • web进阶之十:盒子模型3,内联元素的盒模型

    上来先问一个问题? 内联元素是盒模型吗? 答案是肯定的,在网页中“一切皆是盒子”。 内联元素 内联元素的盒模型 内...

  • 区块、内联和内联块的区别和转换

    在css盒模型中的盒类型主要有“块级元素”、“行内元素”和“行内-块级元素”,分别简称为“区块”、“内联”和“内联...

  • 浮动。box

    盒子样式 内边距:padding 外边距:margin 外边距重叠: 浮动:float 内联元素浮动: 内联元素盒模型:

  • 慕课网HTML+CSS基础教程(11-15章)

    一、CSS盒模型 1、元素分类:html标签中元素分为块状元素、内联元素(行内元素)和内联块状元素。 常用块状元素...

  • 内联元素的盒模型

    内联元素不支持宽(width)和高(height) 支持水平方向的内边距和边框 外边距支持只水平方向不支持垂直 d...

  • 内联元素的盒模型

    内联元素不支持宽(width)和高(height) 支持水平方向的内边距和边框 外边距支持只水平方向不支持垂直 d...

  • 内联元素的盒模型

    相邻内联元素的外边距是求和 相邻盒子距离是最大值 内联元素的盒模型只能设置水平方向,并且宽高也不能设置,垂直方向不能设置

  • 内联元素的盒模型

    -内联元素不支持宽(width)和高(height)-支持水平方向的内边距和边框-外边距支持只水平方向不支持垂直 ...

网友评论

      本文标题:前端,内联元素的盒模型

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