« 正则表达式向后引用兼容IE6 IE7 Firefox的CSS hack方法 »

DIV内文字垂直居中的方法

CSS+DIV里文字的水平居中是很容易的，直接text-align:center就可以了，但是文字的垂直居中好像没有直接支持的属性，下面介绍个解决方法：
  • DIV内文字垂直居中
    只要给文字添加 height ; line-height 属性即可。

    CSS:


    1. height: 30px;

    2. line-height: 28px;

    • 另外分享两个css+div的小技巧。下面方法基本兼容Firefox2和IE6，其余浏览器未测试。
  • DIV水平居中
    将 margin-left 与 margin-right 均设置为 auto 即可。

    CSS:


    1. margin-left: auto;

    2. margin-right: auto;

  • 手型鼠标样式
    不知道为什么 Dreamweaver MX 2004 没这个属性，但浏览器还是支持的……
    cursor:pointer;

     CSS:


    1. cursor: pointer;

Tags: css  div  代码  网页  
发布:xylx | 分类:网页 | 评论:0 | 引用:0 | 浏览:

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

一些什么

推荐日志

网友评论

最近日志

心灵博客 © xylx 2009