中心：CSS佈局

當頁面的佈局往往是必要的，使居中CSS-方式：例如，以中心的主單元。 有幾種解決這個問題，每個遲早會不得不使用任何編碼器。

對齊文本中心

通常用於裝飾目的，你要設置在這種情況下，中心的文本，CSS，降低徵收的時間。 以前這是使用HTML的屬性做了，但現在需要的標準來對準樣式表中的文本。 與此相反，以您要更改在中間用單線製成文本對齊CSS的外部填充塊：

• 文本對齊：中心;

此屬性是繼承和父母傳給所有的孩子。 這不僅影響了文本，但也給其他的元素。 為此目的，它們應該小寫（例如，跨度）或行塊（指定顯示屬性的任何塊：塊）。 後一種選擇，您還可以改變寬度和元件的高度，壓痕的更靈活的配置。

網頁經常align屬性對自己的標籤。 這立即使代碼無效，因為W3C承認align屬性過時。 不建議在頁面上使用它。

中心塊

如果要設置在中間的div對齊，CSS可以提供相當舒適的方式：利用外部填充保證金。 填充可以被指定為塊元件，並且線塊。 Svoysva值應該為0（垂直填充）和自動（自動縮進水平地）：

• 保證金：0汽車;

現在，這個選項是公認的絕對有效。 使用外部填充還允許您設置的中心對齊：CSS-margin屬性使我們能夠解決在頁面上的定位元件相關的許多問題。

該塊的左邊緣或右邊緣的對準

有時候，CSS-方式不需要中心的定位，但有必要提下兩大塊，一是從左側和其他 - 從右側。 對於這個有float屬性，它可以採用三個值中的一個：左，右或無。 比方說，你有應該由並排放置兩個街區。 然後代碼如下：

• 。左{浮動：左;}
• .right {浮動：右}

如果有一個第三塊，它必須前兩個塊（例如，頁腳）下被定位，則有必要進行登記明確特徵：

• 。左{浮動：左;}
• .right {浮動：右}
• 頁腳{明確：既}

與左，右掉出總流量的班塊，也就是說，所有其他元素忽略對齊元素的存在的事實。 屬性明確：既允許頁腳塊或任何其他可見從流動細胞沉澱，並禁止對左和右兩渦卷（浮點）。 因此，在我們的例子中，頁腳向下移位。

垂直對齊

存在這樣的情況還不足以設置的CSS-方式的中心對齊，還必須更改子塊的垂直位置。 任何線或行塊元件可被壓靠在所述上邊緣或下邊緣，位於父元素的中間或在任意的位置。 最經常需要塊的中心的對準，它採用垂直對齊屬性。 假設有兩大塊，一個嵌套在另一個內。 在該室內機 - 行塊元件（顯示：內聯塊）。 有必要對準垂直塊子：

• 上邊界的對準 - .child {垂直對齊：頂部};
• 中心 - .child {垂直對齊：中間};
• 底部邊緣的對準 - .child {垂直對齊：底部};

在塊元素音頻文本對齊或垂直對齊不適用。

可能出現的問題有排列的單位

有時DIV對齊的CSS-方式的中心可能會導致有點麻煩。 例如，採用浮點數時：例如，有三個塊：。第一，。第二和。第三。 在第二和第三塊位於第一。 帶班的元素第二左對齊，並且最後一塊 - 在右邊。 對齊後，兩人從流下降。 如果該父組件是沒有定義高度（例如，30em），它將停止伸展的附屬單元的高度。 為了避免這種錯誤，使用“隔離” - 一種特殊的裝置，它認為。第二。第三和。 CSS代碼：

• 。第二{浮動：左}
• 。第三{浮動：右}
• .clearfix {高度：0; 明確：既;}

偽經常使用：之後，這也允許通過創建psevdorasporki返回塊到位（在與類div中例如位於容器內並包括。首先。左和.right）：

• 。左{浮動：左}
• .right {浮動：右}
• .container：{內容之後：''; 顯示：表; 明確：既;}

上述選項 - 最常見的，雖然也有一些變化。 你總是可以找到通過實驗創造psevdorasporki最簡單，最方便的方式。

另一個問題經常遇到的佈局 - 線區元素的對準。 他們每個人的後面輸入一個空格自動添加。 處理它有助於margin屬性，它是由負縮進來定義的。 還有其他的方法，這是較不頻繁地使用，例如，復位 字體大小。 在這種情況下，父元素的屬性寄存器字體大小：0。 如果位於文本塊內，線區元素的屬性已經返回到所需的字體大小。 例如，字體大小：1em的。 該方法並不總是很方便，所以它更常用的版本與外部空間。

對齊塊允許您創建美觀和功能頁面：一個小的網站上的總體佈局和佈局，商品在商店的位置和照片。