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