讓DIV CSS製作的網頁居中,很簡單的方法 原

2021-08-25 13:37:03 字數 389 閱讀 5903

我寫網頁是包在乙個叫 #container 的div中的,所以這裡主要講一下body與#container之間的關係。

先看一下body的css樣式:

body

這裡的body把margin與padding設定為0,這樣就把body內容與瀏覽器邊緣親密接觸。然後text-align:center 把body的內容全部居中,這樣就包括了#container也一起居中了。

再來看一下#container的樣式:

container

學問就在這個#container裡了: 給這個容器設定了寬度,這裡是760px,margin:0 auto; 這裡的margin中的第乙個0是上下、第二個auto是左右。上下為0左右讓其自控。再加上定位為相對,只有定位為相對的元素才可以有位置移動!

網頁製作 css讓頁面居中對齊

總結一下css讓頁面居中對齊的方法 1.我們常用的margin 0 auto 方法 這個方法是大家用的最多的方法,使用的時候必須為容器制定寬度!例子 main 這個在大部分瀏覽器裡面都可以很好的實現效果。但是在ie6之前的版本中卻不被支援,下面看一下第二種方法 2.用text align實現居中,這...

DIV CSS網頁製作開發流程

一 有網頁效果圖 1 分析網頁效果圖 找出效果圖結構規律 3 在photoshop把切成較小的gif jpg或png格式,根據網頁效果來選擇格式型別 5 開始建立html檔案與css檔案,這裡可以用每次新開發的網頁模板 css與html模板 6 根據網頁效果圖製作開發網頁 在製作中要除錯和檢查相容 ...

DIV CSS如何讓文字垂直居中?

css網頁布局div水平居中的各種方法 一 單行垂直居中 如果乙個容器中只有一行文字,對它實現居中相對比較簡單,我們只需要設定它的實際高度height和所在行的高度line height相等即可。如 imoker.cn 愛摩客 提供的 片段 div 這段 很簡單,後面使用overflow hidde...