這個題目似乎解決的辦法很多，js是最能夠確保各種瀏覽器中一致性的，但是仍然可以使用css的方式來解決。這個問題分解為兩個方面，第一解決左右居中的問題，第二解決上下居中的問題。
1、左右居中。
左右居中最為簡單，使用 text-align:center; 就可以讓絕大多數的物件居中對齊，並且這個屬性也獲得了幾乎全部瀏覽器的支援。實際上，這個屬性定義的是塊級物件內部文字的對齊方式，內部的文字或者影象一般是內聯物件。
也許有人會提到，為什麼不用 margin:0 auto;這個辦法呢？這是乙個好問題，在做居中布局的頁面時，這是我們最常用的讓div容器居中的辦法。margin作用於塊級元素，而是否作用於其他內斂元素，不同的瀏覽器有著不同的解釋，因此對於左右居中，沒有使用這個方法。
2、上下居中。
上下居中，有兩種方法，一種是負margin的辦法，這種對於固定寬度的容器，非常的好用。另外一種就是適應於高度不固定的情形，即使用 vertical-align 屬性。vertical-align 屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中，這個屬性會設定單元格框中的單元格內容的對齊方式。
3、最後**
綜上，可以得出對於高度、寬度都不固定的容器，如何讓其做到水平、垂直居中：
>水平、垂直居中
title
>
6<
style
type
=「text/css」
>
7#container_outer
8#container_inner
9#content
10style
>
11<
body
>
12<
div
id=「container_outer」
>
13<
div
id=「container_inner」
>
14<
div
id=「content」
>
15動態內容...
16div
>
17div
>
18div
>
1920
body
>
21html
>
1、2、
css text-align
3、4、
css vertical-align
5、
如何讓高度 寬度不定的容器保持水平 垂直居中
這個題目似乎解決的辦法很多，js是最能夠確保各種瀏覽器中一致性的，但是仍然可以使用css的方式來解決。這個問題分解為兩個方面，第一解決左右居中的問題，第二解決上下居中的問題。1 左右居中。左右居中最為簡單，使用 text align center 就可以讓絕大多數的物件居中對齊，並且這個屬性也獲得了...
CSS 如何讓絕對定位的容器與父塊保持相對位置
在製作網頁的過程中，難免要使用到絕對定位，絕對定位是將乙個視窗直接定位到乙個座標上，使用起來很方便，但同時，很多人在使用的時候，也產生了另外乙個 問題，那就是不好控制，明明父塊元素已經移動了，使用了絕對定位的子塊卻不跟著移動，這到底是怎麼回事呢？首先說明一下絕對定位的乙個特性，那就是 使用了絕對定位...
如何讓自己時刻冷靜的方法 如何讓自己保持冷靜？
作為平常人的我們，擁有喜怒哀樂等各種情緒是天經地義的事情，這好像一點問題都沒有。若真要說有什麼問題。應該是在於這些情緒的持續時間。不只是負面情感，快樂之類的正面情緒持續太久也會使的人得意忘形。同樣不是什麼好事。事實上，大部分人經歷過這類教訓，都認同 過於衝動只會壞事 的道理。但另一方面，我們也為自己...