web development blog

> 标签 css

模拟td多行文字垂直居中,纯css实现

css 428 浏览 1 评论 2012/08/29

单行文字垂直居中只要通过line-height便可,当然也可以通过设置padding来处理,不过对 行多行文字垂直居中的话,行高line-height就不适合了,在没有定义高度的情况下,可以使用padding来 处理。

那么如果在固定高度内容实现多行文字垂直居中要该如何实现呢?这问题一度让大家很头疼啊。

定义有高度的可以分为两种情况:

一种是非IE浏览器,比较简单,在设置vertical-align:middle;外还应把它的 display属性设置为表格的table-cell属性就可以觖决。但是注意当 display属性为table-cell时,边框的宽度是算在width里面的;

IE浏览器 IE确实是个让人比较烦的家伙,特别是IE6,但没办法,目前使用IE6的人还是最多的 。

...

阅读全文 >>

Web页面布局经验和技巧

布局技巧htmlcss 204 浏览 1 评论 2012/05/06

web页面布局,是前端工作中必须的技能之一。对于设计稿的还原,很多人都是在视觉上的还原,没有考虑设计切图的合理性,和页面结构的语义化, 和css是否简洁,以及命名是否友好并规范化。

对这项工作,你可能是拿到设计稿,不管什么,就是根据自己的经验思路,马上着手切图,然后进行布局!你有没有想过,拿到设计稿后,而是停留在页面的设计,然后仔细的查看全部设计稿。然后分析这套设计搞的整体框架,对页面的区域进行模块化,对每个模块的局部公共样式进行模块化。从大区域到小区域,一点点的细分。从全局角度就考虑web站点的结构和风格,对自己要如何还原设计心中有了个模型,然后在着手切图。

 

我的布局方式:

  • 1.整体浏览设计稿(对web站点的框架栏目有一定的模型)
  • 2.对整体页面进...

阅读全文 >>

首页|前端技术|编程/php|生活|关于我

Copyright © 2012 wmhfly.com