在我们 编写css 样式的时候经常会遇见一个问题 那就是一个 宽高未知的元素 要让他 垂直居中如何实现这个呢 下面是我常用的两种方法 上代码 　　下面的是 结构代码 　　<div class="wrap">//此处为父组件 我们会设置父级的宽高并让其居中 　　<div ...

div固定宽高，水平垂直居中，根据所用单位不同，分成两种情况，分别是“px”和“%”情况。 例：将三层div做出三个边框，要求水平垂直居中。效果如图 情况一（单位是px时）： 只需要用绝对定位到屏幕中间，然后利用 ...

效果图： 方法一： 此div元素应是 inline-block： 用一个“ghost”伪元素（看不见的伪元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是这个方法要求待居中的元素是 inline-block，不是一个真正 ...

1.Flexbox布局： 2.Bootstrap栅格布局 一共12格，分成3块，每块占4列。居中的内容写在中间的那一块。 3.圣杯/双飞翼（水平自适应居中的基础上） 第一步：居中的div写在最前面，width:100%撑满一整行。三个div都向左浮动float:left; 第二步 ...

...

1.在做数据展示的时候，因为后台没有数据，为了提示用户没有数据，自己手写了一个div中间显示一个“暂无数据的字样”， 然后控制显示和隐藏，这样方法有两种： 第一种：设置display隐藏，但有一个问题，因为我的div中用了display:table-cell,所以起了冲突， 第二种：更改 ...

transform的作用 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。(w3cschool) transform的兼容性 trans ...