摘要:
在 CSS3 中引入了一个 calc() 方法,可以对各种长度作四则运算。如果将计算的结果设定为元素的大小,将比每次窗口大小改变时用 JavaScript 来计算方便很多。例如我们需要这样的三栏布局:中间宽度固定为 40px,两边宽度各占其它宽度的一半。用 calc() 方法来处理非常容易和直观(查看效果):html, body { height: 100%;}#left, #right { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: calc(50% - 20px); float: le... 阅读全文
摘要:
在 CSS 中,文本的水平居中可以简单地用 text-align: center 来实现。因此,再加上 margin: auto 就可以实现 DIV 元素的水平居中。例如:horizontal center in css Hello World! Hello World! Hello World! Hello World! Hello World!垂直居中稍微麻烦一些,因为 margin-top 和 margin-bottom 为 auto 在大多数情形等同于 0。但我们还是有不少办法的。例如:vertical center in css Hello World! He... 阅读全文