Flex 弹性布局(****************************************************) 多行自适应，多列自适应，间隔也能自适应，任意对齐 创建弹性容器 flex container display: block | inline | inline-block ...
分类：
其他好文 时间：
2018-05-23 18:08:35
阅读次数：
191
本文翻译自 "CSS Tricks" 中关于居中的相关介绍。 1、水平居中 1.1 内联元素的水平居中（如链接或文本） 可以在一个块级别的父元素中水平地居中内联元素，只需： 注：这种写法适用于 inline , inline block , inline table , inline flex 等等 ...
分类：
Web程序 时间：
2018-05-22 18:30:37
阅读次数：
213
已经好久没用html,css,今天想借着这个博客把以前的遇到的这几个bug整理一下 1.a标签标签里面装img 大家都知道a标签是块状元素，所以说在a标签里面装img标签的时候，大家就是会改变a标签的属性display:inline-block或display:-block,以为这样就好了，可以看一 ...
分类：
Web程序 时间：
2018-05-21 21:20:31
阅读次数：
190
给label设置一个固定长度即可： label{ display:inline-block; width:100px; text-align:right; } ...
分类：
其他好文 时间：
2018-05-19 17:00:56
阅读次数：
137
<style> @keyframes dot { 0% { width: 0; } 33% { width: .2em; } 66% { width: .5em; } 100% { width: .8em; } } .dot { display: inline-block; width: 20px; ...
分类：
其他好文 时间：
2018-05-18 15:37:25
阅读次数：
152
移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline block，让div盒子横着排 移动web：采用定高，宽度百分比， flex弹性布局 ，meDIA QUERY 媒体查询 ； 媒体查询 结合css，通 ...
分类：
移动开发 时间：
2018-05-15 19:46:44
阅读次数：
285
第一：行内元素与宽度宽度不起作用span{width:200px;}没有变化第二：行内元素与高度高度不起作用span{height:200px;}没用变化第三：行内元素与padding,marginspan{padding:200px;}影响左右，不影响上下行内元素（inline-block）的padding左右有效，但是由于设置padding上下不占页面空间，无法显示效果，所以无效。其margi
分类：
其他好文 时间：
2018-05-14 15:13:54
阅读次数：
419
<span style=" display: inline-block; border-left: 14px solid #22d422; border-right: 14px solid rgb(205, 226, 22); border-bottom: 14px solid #dc1414;"> ...
分类：
编程语言 时间：
2018-05-14 14:35:08
阅读次数：
853
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .upload { display: inline-block; background-color: #ef4300 ...
分类：
Web程序 时间：
2018-05-11 20:05:29
阅读次数：
632
display: inline(默认-行样式) block(块样式) none(隐藏) table(类似<table>) inline-block(行内块元素) margin: 上外边距 右外边距 下外边距 左外边距 bottom 下 top上 left左 right右 min-width: 设置元 ...
分类：
Web程序 时间：
2018-05-11 12:44:20
阅读次数：
157
