一、CSS布局之浮动 二、清除浮动带来的问题 三、margin塌陷问题和水平居中 四、善用父级的的padding取代子级的margin 五、文本属性和字体属性 六、超链接美化 七、背景属性（颜色、图片、位置） 1?? CSS布局之浮动 float:即浮动，CSS布局用得最多的一个属性。 效果：元素并 ...
分类：
Web程序 时间：
2018-07-10 21:34:38
阅读次数：
234
块级元素居中问题 定宽块级元素水平居中 不定宽块级元素水平居中 不定宽块级元素水平居中 不定宽块级元素水平居中 ... ...
分类：
其他好文 时间：
2018-07-07 20:18:00
阅读次数：
159
什么是布局 现有样式的布局，不能满足需求 文档流 浮动 定位 现实需要的布局： 导航栏+内容 导航栏+内容+广告栏 从上到下、从左到右、定宽、自适应 单列布局 实现方式： 定宽 + 水平居中 注意 max-width和width的区别max-width屏幕变窄的时候没有拉动条，width在屏幕变窄的 ...
分类：
Web程序 时间：
2018-07-07 13:50:38
阅读次数：
202
说到布局除了浮动以及定位外还有一个不得不提的点，那就是居中，居中问题我们在网页布局当中经常遇到，那么以下就是分为两部分来讲，一部分是传统的居中，另一种则是flex居中，每个部分又通过分为水平垂直居中来讲。 一、传统居中方式 1.1水平居中 1.1.1 inline 对于inline元素以及纯文本只需 ...
分类：
其他好文 时间：
2018-07-03 21:34:27
阅读次数：
148
CSS布局解决方案 摘自：无悔铭《css布局解决方案（终极版）》 "https://segmentfault.com/a/1190000013565024" 水平居中 方案一：使用inline block + text align 原理： 1）先将子元素由块级元素改变为行内块元素，再通过设置行内块元 ...
分类：
Web程序 时间：
2018-07-03 12:00:14
阅读次数：
191
含有z index的图解 " CSS布局(三) 布局模型" "float设计初衷" "CSS布局(五) 网页布局方式" "CSS布局(六) 对齐方式" 水平居中 1 行内元素，在父元素中设置text align:center实现行内元素水平居中，将子元素的display设置为inline block ...
分类：
其他好文 时间：
2018-06-30 21:22:02
阅读次数：
159
我们知道常用的居中对齐方式有很多种例如： 但是在view中的文字对齐却不能简单的使用text-align: center;来实现，这种办法只能实现文字的水平居中， 要实现水平垂直居中 可使用如下方案 .td { display: flex; align-items: center; justify- ...
分类：
微信 时间：
2018-06-30 12:39:28
阅读次数：
1232
一、水平居中 .imgCenter{ text-align:center;} <div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div> <div class="txt ...
分类：
Web程序 时间：
2018-06-27 15:42:12
阅读次数：
280
水平居中的元素截图后向左跑偏 明明是水平居中的代码，截图出来的会偏左，结构是左图片右文字，有时候是图片自己跑到最左边，有时候是整体偏左一点点 这个问题也不是经常遇到，场景是父div元素text-align=center;内部两个子元素设为display:inline-block的模式。然后画图就会出 ...
分类：
Web程序 时间：
2018-06-25 19:04:45
阅读次数：
2760
对于元素水平居中要分情况分析《文中父盒子代表可被继承的盒子，不针对父，也可能为祖先》： 在标准流中： 一、行内元素水平居中： 1.行内元素水平居中，并不是在自己的css里设置text-align:center;而是在父盒子里设置。 2.父盒子要有一定的宽度，对于没有宽度的盒子来说，让其内部的行内元素 ...
分类：
其他好文 时间：
2018-06-24 15:03:50
阅读次数：
178
