DIV内文字垂直居中的方法

支付宝内搜索 9155838 即可领现金红包 每天都能领哦

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;

推荐文章

发表新评论