垂直居中:单行的行内元素解决方案居中元素:单行的行内元素,即inline或者inline-*类型元素,如文字、链接等解决方案:将该行内元素的height、inline-height设置为其父元素的高度HTMLhello,gbtags.comhello,gbtags.comhello,gbtags.c...
分类:
Web程序 时间:
2014-10-12 13:32:38
阅读次数:
185
水平居中:行内元素解决方案居中元素:文字、链接以及其它行内元素(inline或inline-*类型的元素,如inline-block,inline-table,inline-flex)解决方案:将inline元素包裹在一个display属性为block的父级元素中,如div、nav,设置父级元素属性...
分类:
Web程序 时间:
2014-10-12 13:05:57
阅读次数:
231
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl...
分类:
其他好文 时间:
2014-10-09 13:58:33
阅读次数:
140
:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下:#example:before { content: "#"; color: red;}#example:after { cont...
分类:
其他好文 时间:
2014-10-08 16:06:25
阅读次数:
261
1.三种定位机制:普通流,浮动,绝对定位2.行框:由一行形成的水平框,称为行框3.position(定位)stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认);即没有定位,元素出现在正常的流中(忽略t..
分类:
Web程序 时间:
2014-10-05 23:37:19
阅读次数:
288
上次面试面试官问到了,问了个定宽局中和不定宽局中,下来我把所有有关CSS居中都总结了一下原文摘自我的前端博客,欢迎大家来访问http://www.hacke2.cn水平居中行内元素把行内元素嵌套在一个DIV中,并且在DIV中设置以下样式a{ text-align: center; }块级元素对于定....
分类:
Web程序 时间:
2014-09-30 23:46:00
阅读次数:
268
做项目每次垂直居中的时候都折腾半天,在这边稍微整理一下垂直居中我所理解的一点知识吧。 1,行内元素 行内元素,比如,img,span等直接用vertical-align:middle,就可以搞定了。 2,块元素 垂直居中,最简单的方式是height:20px;line-he...
分类:
其他好文 时间:
2014-09-26 23:54:08
阅读次数:
246
关于浏览器兼容问题:一:margin加倍显示的问题。最常见的兼容问题是在块元素添加float属性,再添加横向margin时,margin会加倍显示,这时需要给元素添加属性,display:inline;,将块元素转化为行内元素。说白了,为了提高网页的兼容性:一般都是float+margin:left...
分类:
其他好文 时间:
2014-09-25 23:25:48
阅读次数:
298
1.display:block就是将元素显示为块级元素.block元素的特点是:总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。2.display:inline就是将元素显示为行内元素.inline元...
分类:
其他好文 时间:
2014-09-23 22:30:45
阅读次数:
186
:可以通过link参数修改链接文字的颜色。link:超链接alink:访问时的链接vlink:访问后的文字链接标记, 标记,标记:HTML格式化斜体文本的基本元素。:行内元素,上标元素 例如:a2 等于a的2次方:同上,下标元素:大号字体:小号字体:不换行标记:插入水平线
分类:
其他好文 时间:
2014-09-19 22:25:46
阅读次数:
156