水平居中和垂直居中 水平居中包含两种情况： 块级元素的水平居中：margin:0px auto; 文字内容的水平居中：text-align: center; 垂直居中： 常见的单行文字的垂直居中可设置文字所在行的height与 行高样式属性一致，比如： div{ width: 400px; heig ...
分类：
其他好文 时间：
2016-06-13 01:00:14
阅读次数：
137
说起居中就来气，说居中可以看出工作经验，我总结几个，大家可以参考下 1、行内元素的居中 这点不用多说，水平居中用text-align:center,垂直居中用line-hight：高值 2、已知宽高的块级元素居中 3、未知宽高的块级元素居中之table-cell 4、未知宽高的块级元素居中之tran ...
分类：
其他好文 时间：
2016-06-12 12:08:54
阅读次数：
186
none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下 ...
分类：
Web程序 时间：
2016-06-11 11:51:27
阅读次数：
170
DOCTYPE? 严格模式不混杂模式-如何触发这两种模式，区分它们有何意义?Strict与Transitional这两种模式有何意义？行内元素有哪些？块级元素有哪些？CSS 的盒模型？CSS 引入的方式有哪些? link 和@import 的区别是?CSS 选择符有哪些？哪些属性可以继承？优先级算法... ...
分类：
Web程序 时间：
2016-06-08 15:55:38
阅读次数：
760
首先要给A标签设置宽度，需要把A标签变为块级元素 display:block；或者 display:inline-block； 然后设置宽度，溢出隐藏，强制不换行这几个属性。 a { display: inline-block; width: 101px; overflow: hidden; whi ...
分类：
其他好文 时间：
2016-06-06 16:53:07
阅读次数：
115
1、标准文档流 在正常流中，在没有使用浮动或者定位的情况下，文本元素按照从上到下、从左到右的格式布局。这是浏览器的默认行为。在正常流中，块级元素从上到下依次排列，而行级元素从左到右依次排列。正常流中的元素影响其相邻元素的位置。 2、块级元素 前后换行显示，默认状态下独占一行； 块级元素可以作为容器， ...
分类：
Web程序 时间：
2016-06-05 00:53:59
阅读次数：
202
除了上一节讲到的插入table标签，可以使不定宽块状元素水平居中之外，本节介绍第2种实现这种效果的方法，改变元素的display类型为行内元素，利用其属性直接设置。 第二种方法：改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:cent ...
分类：
其他好文 时间：
2016-06-04 17:47:22
阅读次数：
107
除了上一节讲到的插入table标签，可以使父元素高度确定的多行文本垂直居中之外，本节介绍另外一种实现这种效果的方法。但这种方法兼容性比较差，只是提供大家学习参考。 在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell（设置为表格单元 ...
分类：
其他好文 时间：
2016-06-04 17:36:59
阅读次数：
147
通常情况下a标签是没有宽高的，设置 width 和 height 没有作用。 若要使用 width 和 height，需要把a标签转为块级元素，即：display:block|inline-block。 设置了宽高后，如何使文字居中呢？ 设置 line-height 和 height 相等，则垂直居 ...
分类：
其他好文 时间：
2016-06-04 12:01:54
阅读次数：
244
在CSS样式中，float和position似乎有一定的地位，不说了，看下面(position下次补充，还是会写在这篇文章里） 在div 块级元素中，一般我们的div块都是流式的，如果你设定一个div，接下来的div就会另起行，这就是块级元素 但是一般排版不是这样的，最典型的应该就是这种（略丑，随意 ...
分类：
其他好文 时间：
2016-06-03 14:12:38
阅读次数：
189
