JavaShuo
栏目
标签
浅谈块级元素的水平格式化细节
时间 2019-11-13
标签
浅谈
元素
水平
格式化
细节
繁體版
原文
原文链接
内边距不能为负值,而外边距能够为负(测试极限)无极限,设置为负的内边距都会默认改成0
盒子的width值并不会随着增长的padding margin而改变,它并非可见的值,每每在内容区左右添加边距,会隐式的增长width值。
水平格式化的七个属性:margin-left、border-left、width、border-right、margin-right,这些属性的值加起来正好是包含块也就是父盒子的width,所谓元素框与父元素的width相同。
width、margin-left、margin-right 能够设置为auto 其余几个不能够。1.三个中有auto,则相对父盒子width尽量铺满,外边距为0。2.width为auto,一个外边距为auto,另外一个固定,则设置为auto的外边距减为0。3.若都设置固定值(称为格式化属性过度受限),则强制使margin-right为auto,做为从左向右读的语言(英语),会把右侧margin-right忽略掉
由此而来的居中,显示设置width值,外边距自动,盒子在父元素中居中,而text-align:center则只能用于块级元素的内联内容
测试
外边距能够为负值,这项设定是有意义的,元素7个属性的总和不能比其包容块的width更大,可是都是固定值,且超过了父元素的width,那么会发生什么?
左边margin正常,右侧margin又被和谐了
相关文章
1.
CSS中块级元素水平格式化
2.
css的水平格式化
3.
从块级元素和内联元素浅谈标签的嵌套规则
4.
行内元素和块状元素的水平居中设置
5.
块元素,行内块元素,行内元素(水平垂直居中)
6.
块级元素水平居中的问题
7.
行级元素、块级元素、行级块元素
8.
块级元素和行内元素多种——水平,垂直、水平垂直居中的方法
9.
块状元素垂直水平居中
10.
块级元素
更多相关文章...
•
Web Services 平台元素
-
Web Services 教程
•
Thymeleaf简单格式化输出
-
Thymeleaf 教程
•
IntelliJ IDEA代码格式化设置
•
IntelliJ IDEA安装代码格式化插件
相关标签/搜索
格式化
xml格式化
JSON格式化
浅谈
元素
细谈
细节
浅水
水平
格式
MyBatis教程
Redis教程
Docker教程
代码格式化
设计模式
委托模式
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
【Java8新特性_尚硅谷】P1_P5
2.
SpringSecurity 基础应用
3.
SlowFast Networks for Video Recognition
4.
074-enable-right-click
5.
WindowFocusListener窗体焦点监听器
6.
DNS部署(二)DNS的解析(正向、反向、双向、邮件解析及域名转换)
7.
Java基础(十九)集合(1)集合中主要接口和实现类
8.
浏览器工作原理学习笔记
9.
chrome浏览器构架学习笔记
10.
eclipse引用sun.misc开头的类
本站公众号
欢迎关注本站公众号,获取更多信息
相关文章
1.
CSS中块级元素水平格式化
2.
css的水平格式化
3.
从块级元素和内联元素浅谈标签的嵌套规则
4.
行内元素和块状元素的水平居中设置
5.
块元素,行内块元素,行内元素(水平垂直居中)
6.
块级元素水平居中的问题
7.
行级元素、块级元素、行级块元素
8.
块级元素和行内元素多种——水平,垂直、水平垂直居中的方法
9.
块状元素垂直水平居中
10.
块级元素
>>更多相关文章<<