css排版
尘飞不到
专注前端开发领域
展开
-
八种创建等高布局的方法,非常有价值的文章
非常好的创建等高知识的文章,收藏起来。 高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那转载 2013-11-25 10:10:37 · 1426 阅读 · 0 评论 -
值得收藏的右侧固定,左测自适应的css排版解析
反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边栏,而自适应的区域是主体内容区——相信把侧边栏搞成自适应的人很少吧? 要实现这种布局,也算比较简单。我们先给出html结构: div id="wrap"> div id="sidebar" sty转载 2013-12-19 10:22:37 · 1438 阅读 · 0 评论 -
使用CSS3 Media Queries实现响应式设计
现在屏幕分辨率的范围很大,从 320px (iPhone) 到 2560px (大型显示器),甚至更大。用户也不只是使用台式电脑访问web站点了,他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值,已经不能满足需要了。web设计需要适应这种新要求,页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍,如何使用html5和CSS3 Media Queries完成转载 2014-04-09 07:14:01 · 1335 阅读 · 0 评论 -
使用盒布局使元素全屏居中
使用css3想要设置元素垂直居中,使用盒布局,并且设置box-pack和box-align既可以让div里面的元素垂直居中,如下 display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; 但很多人使用了此代码却无法生原创 2015-02-10 12:08:23 · 1210 阅读 · 0 评论