block和inline-block的区别 display特点？
display特点？
display属性
block块级元素的默认值，元素会被不显示为块级元素，该元素前后内带换行符
inline内联元素的默认值。元素会被没显示为内联元素，该元素前后没有换行符
inline-block行内块元素，元素既本身内联元素的特性，也本身块元素的特性
size设置中元素应该不会被不显示{控制元素的显示与追踪}
display特性
块级元素与行级元素的转变（block、inline）
操纵块元素排到一行（inline-block）
控制元素的显示和封印（none）
width怎么设置？
如果不是系统设置display:block，width属性生效，只不过此时的span跟div一般了。要是设置中display:inline-block，则span分列在同行，但是width属性未生效。元素display属性的最常见的一种值说明：
1）block：块对象的默认值。将对象满作为块对象呈递，为对象之后去添加新行。
2）inline：内联对象的默认值。将对象强制充当内联对象呈递，从对象中彻底删除行。
3）inline-block：将对象递呈为内联对象，但是对象的内容才是块对象转呈。旁边的内联对象会被递呈在同一行内。
4）non：隐藏对象。
html盒子居中方法？
1.利用margin与定位
求答：
系统设置margin不自动适应适应,然后再设置定位的上下左右都为0,就如四边均衡受力使实现方法盒子的居中；
2.用来table-cell
详细解析：
将父盒子系统设置为table-cell(能够使元素呈单元格的样式会显示)，并设置text-align:center(使内容水平居左)；vertical-align:middle(使内容直角横列)。子盒子可以设置为inline-block也可以使其内容变为文本格式，也可可以设置宽高；此方法父级需系统设置更改高度和宽度，负责不能解除
3.利用flex弹性盒子
求答：
不使用弹性盒子的时候必须给父级设置里display:flex
在父元素上设置中水平justify-content:center与平行align-items:center方向上的排列即可
4.利用定位位移距离
求答：
用来定位将子级并且向左下方向并且#34驱除#34，使子级的左上角那一点相对于父级横列，接着在用transform(对于自身的位移方向)接受反向小位移
5.依靠定位margin(宽高的一半)
求高人：
借用定位将盒子挤向右下方，再利用margin参与反向回推。
(原理和定位位移方向的方法有如一辙)
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
