触发BFC body 根元素 浮动元素：float 除 none 以外的值 绝对定位元素：position (absolute、fixed) display 为 inline-block、table-cells、flex overflow 除了 visible 以外的值 (hidden、auto、s ...
分类：
其他好文 时间：
2019-12-09 21:37:53
阅读次数：
118
前端页面开发中关于内容居中的需求应用概率很大，自己搜集一些资料和总结关于css里的几种居中效果实现 第一常用text-align:center先将子元素将块级元素改为行内元素，即display:inline-block父级元素设置text-align:center兼容性：IE6 , IE7 第二使用 ...
分类：
Web程序 时间：
2019-12-01 00:03:16
阅读次数：
133
mixin定义（使用@mixin定义）： @mixin hexagon-generator($hexagon-width, $factor, $border-radius){ display: inline-block; border-radius: 50%; width: ($hexagon-wi ...
分类：
Web程序 时间：
2019-11-25 13:16:31
阅读次数：
172
效果 <style type="text/css"> span{ width:80px; height: 10px; display: inline-block; background: grey; margin-right: 3px; font-size: 18px; text-align: ce ...
分类：
其他好文 时间：
2019-11-22 13:33:36
阅读次数：
72
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>checkbox样式</title> <style> .el-checkbox{ display: inline-block; position: relati ...
分类：
其他好文 时间：
2019-11-16 00:15:15
阅读次数：
63
css实现元素水平对齐 css实现水平对齐，如图 有人会说css实现这种水平对齐要兼容ie8还不简单吗？使用float: left，或者display: inline-block，不就可以了吗？是的，最常用的最简单方式就是上面这两种，但还有一种方式也可以实现，那就是使用display: table- ...
分类：
Web程序 时间：
2019-11-12 20:02:02
阅读次数：
106
前端开发中，我们经常需要对元素进行水平垂直居中。为此，小编特地总结了让元素居中的方法。 水平居中text-align：center; 这个是没有浮动的情况下，我们可以先将要居中的块级元素设为inline/inline-block，然后在其父元素上加上属性text-align:center;即可。如果 ...
分类：
其他好文 时间：
2019-11-07 12:56:30
阅读次数：
97
效果： html: JS: css: .tabs-two{ .two{ display: inline-block; font-size:14px; height: 17px; font-weight:300; color:#444444; margin-top:10px; height:26px; ...
分类：
Web程序 时间：
2019-10-31 13:31:53
阅读次数：
254
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } li{ display: inline-block; width: 50px; heigh... ...
分类：
Web程序 时间：
2019-10-30 21:11:47
阅读次数：
161
1.删除你的高度的固定值 2.将父元素的 >display:inline-block; 或者设置浮动 >float:left; ...
分类：
Web程序 时间：
2019-10-23 18:31:06
阅读次数：
238
