How Can I Vertically Center a Div Inside a Percentage-Height Div?

Vertically Centering a 'div' in a Percentage Height 'div'

Can a 'div' be vertically centered within a 'div' that has a percentage height?

Answer:

Many have pondered this issue online. Here's a popular solution:

Use display: table-cell; and vertical-align: middle;. Check out this page for a usage example. (Note that this technique is not supported by Internet Explorer 6.)

The above is the detailed content of How Can I Vertically Center a Div Inside a Percentage-Height Div?. For more information, please follow other related articles on the PHP Chinese website!