• 不断学习才有回报,学无止境!

2014年08月的内容

DIV+CSS技巧发现

伪元素:after清除浮动(导致父元素的高度为0(未设置高度)的解决方法)

伪元素:after清除浮动(导致父元素的高度为0(未设置高度)的解决方法)
让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。#content{background:#000;}.left{width:100px;height:100px;background:#e……继续阅读 »

10年前 (2014-08-31) 1895浏览 0评论

DIV+CSS技巧发现

margin:0 auto 与 text-align:center 的区别

margin:0 auto 与 text-align:center 的区别
基本概念:1.text-align: 属性规定元素中的文本的水平对齐方式;该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式;一般情况下设置文本对齐方式的时使用此属性。支持值 justify。Example: div { text-align: left; } //文本居左对齐注释:所有浏览器都支持 text-align 属性;任……继续阅读 »

10年前 (2014-08-28) 1810浏览 0评论

PHP技术和开发

114啦源码(114la)不能生成三级以上分类页面0字节的情况

114啦源码(114la)不能生成三级以上分类页面0字节的情况
做了个网址导航站,用的是114la的源码,以前没注意到,但生成页面的时候出问题了,看了114la今年新出v2.0版本,但依旧没解决问题,研究了网络上的很多导航源码,及以前的v1.5版本没想到里面有很多问题,官方也没出补丁,没办法,自己还是自己对比着代码解决问题经过一段时间的调试分析,发现有个函数写的很乱,估计是改版的时候落下了没改,经过一段时间修改调试,终……继续阅读 »

10年前 (2014-08-24) 1776浏览 0评论

DIV+CSS技巧发现

CSS自动换行的各种情况

CSS自动换行的各种情况
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:n……继续阅读 »

10年前 (2014-08-23) 1969浏览 0评论

DIV+CSS技巧发现

css3的常用效果及应用方法

css3的常用效果及应用方法
1, 替代图片:很多修饰的效果传统方式是使用图片,不仅影响加载速度而且不易维护,采用CSS3后不仅可以实现绚丽的视觉效果,而且可以随时修改代码改变效果,甚至是通过程序动态改变代码效果;2, 定义不规则形状,打破栅格束缚:之前的网页元素全都是矩形的空间站位,无法定义一个不规则的形状,即使用图片做出一个不规则图形,其在网页上的占位仍是一个矩形,只是周边是空白的……继续阅读 »

10年前 (2014-08-20) 1937浏览 0评论

DIV+CSS技巧发现

XHTML+CSS兼容性的一些写法用法

XHTML+CSS兼容性的一些写法用法
使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,……继续阅读 »

10年前 (2014-08-18) 1842浏览 0评论

DIV+CSS技巧发现

未知高度垂直居中的样式解决方法

未知高度垂直居中的样式解决方法
尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),……继续阅读 »

10年前 (2014-08-15) 1621浏览 0评论