In the Woods - Vertical Centering With CSS
http://blog.themeforest.net/tutorials/vertical-centering-with-css/

alineacion vertical

*

用css作區塊垂直置中的方法

print!

Web Design

CSS has a property called vertical align. It can be a bit confusing when you first learn about it, so I thought we could go through it’s use a little bit. The basic usage is like this:

Includes workable solution for IE < 8.

Max Design - standards based web design, development and training » Aligning inline images with the vertical-align property - http://www.maxdesign.com.au/2008/10/05/vertical-align/

You can change the vertical position of images in relation to the surrounding text using the CSS vertical-align property. The various properties that can be used include: top, text-top, middle, baseline, text-bottom, bottom, sub, super, percentage and length

useful read for aligning small images/icons with text.

Vertical alignment, much more elegant than how I've previously seen it done

欧文フォントの高さの概念が参考になる

In this tutorial, we will see how to center align: horizontaly an element with a fixed width horizontaly an element with no specific width verticaly an element with a fixed height verticaly an element with no specific height horizontally and vertically an element with fixed measure horizontally and vertically an element with no specific measure horizontally and vertically a single line of text

This is a Tech weblog discussing programming, Web design and usability, and random things found on the Web. The site is maintained by Youssef ELALAOUI.

7 Vertical Menus With jQuery Effects

In this MicroTut, we are going to take a look at a couple of ways to center a div both horizontally and vertically with pure CSS. A jQuery method is also presented.

While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery.

Centering a Div Both Horizontally And Vertically

Belos modelos de navegação vertical

A vertically fluid layout using CSS.

It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8 ++++