在DW中如何在CSS裡實現頁面居中

2022-05-25 18:50:20 字數 3899 閱讀 5342

1樓:匿名使用者

dw只是一個很多**編輯器中的一個

你說的css頁面居中有很多種方法,舉兩種中常見的(1)想將寬1000px的div實現在網頁居中位置,利用margin:0 auto;這樣可以實現上下邊距是0,左右居中

(2)比如想將寬度1000px,高400px的div實現在網頁中居中,可以將body給position:relative;然後將1000px的div給position:absolute;left:

50%; top:50%; margin-left:-500px; margin-top:

-200px;就可以實現網頁上下左右都居中

2樓:一葉知秋一言

要使元素居中,就要先規定該元素的寬度,再設定css中的margin屬性(外邊距)即可,屬性值為:auto。

例如規定一個1000畫素寬的div,要令這個div在頁面的水平位置居中顯示,樣式**書寫:div 或 div 。

第一句**的意思是:div寬度1000畫素,邊距自動。

第二句**的意思是:div寬度1000畫素,上下邊距為0,左右邊距相等(自動)。

這樣設定後元素就會在水平方向居中顯示了。

如果非要在dw軟體中設定css樣式,步驟如下:

1、滑鼠移上dw右上角的「css」樣式,右鍵「新建樣式」;

2、為樣式命名,例如命名為」page「,選擇「類」就以.開頭,選擇「高階」就以#號開頭,如下圖:

3、在彈出的css框左側選擇「方框」,先規定寬高樣式,例如寬設定500畫素,高為200畫素,在「邊界」屬性中選擇「自動」,這樣元素的外邊距就會在水平方向自動居中了,如下圖:

4、然後將該樣式應用到最外層的div,為了方便能看的清楚,給div加了一條紅色的邊框線,隨後按f12瀏覽,如下圖中紅色的div元素在頁面的水平位置已自動居中:

3樓:我命如天不如妖

css控制頁面劇中,通常就是設定整個box的為一個固定的寬度,之後給他一個左右自動的外邊距就可以解決這個問題了

這個是對應的css**

.box

css控制頁面劇中,通常就是設定整個box的為一個固定的寬度,之後給他一個左右自動的外邊距就可以解決這個問題了

4樓:遺忘的

只需要給div的樣式屬性設定寬度width然後加margin-left:auto;margin-right:auto即可實現居中顯示

5樓:

1.如果要使頁面水平劇中可以為body設定:

margin-left:auto;

margin-right:auto;

2.如果要讓頁面整體無論縱橫都顯示在螢幕**可以為body設定:

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

6樓:不是叫獸的專家

.div

div居中

為了觀察效果設定了寬度100px,高度100px,背景顏色,(同時設定外邊距margin:0 auto,表示上下邊界為0,左右則根據寬度自適應相同值(即居中))

7樓:me也是醉了丶

沒明白你說的頁面居中是什麼意思,我所理解的是內容居中。

如果是一般的塊級標籤裡面的是文字內容,那麼直接寫text-align:center;就直接可以讓塊內的內容居中了,如果是行內元素,則需要加上display:inline-block;再寫text-align:

center;

如果需要設定div居中,則給div加上margin:x auto;x可以為0,也可以為其他的數字,比如:margin:

20px auto;此時則是先距離當前div父元素的上邊20px,再水平居中。

當然還有另外一種定位來設定,不過這要根據實際情況而定,比如彈出層,**為:position:absolute;left:

50%;margin-left:-div寬度的一半;相對應絕對定位的父級元素要設定position:relative;

8樓:偷食魚罐頭

我要居中

9樓:匿名使用者

1, width:960px; margin: 0 auto;

2 , text-align:center;

3, position:absolute; width:960px; left:50%; margin-left: 480px;

居中一般這3種方法。

10樓:至死的純愛

把整個頁面設定為一個div,margin:0 auto;

11樓:逛嘿丶泡梅子

margin:0 auto; 不過需要給節點個寬;

12樓:生浩波

使用text-align="center"

13樓:aaaa星期天

text-align:center

margin:auto

dw中如何讓頁面居中

14樓:匿名使用者

三個辦法實現頁面居中(佈局居中)

一:在html**頁面的body標籤寫一個的標籤,在裡面寫內容即可實現居中,如:

接下來使用的兩個方法的前提是你的html**連結上css**!!!不然沒效果

二:text-align: center方法在html**頁面給某一個標籤取一個名字,然後在css**給標籤設定屬性

css:

效果圖:

三:margin: 0 auto 0(auto左右的兩個零分別代表著寬度和高度)方法和第二種方法差不多,也是在html**頁面給某一個標籤取一個名字,然後在css**給標籤設定屬性

注:此方法適用於在整個佈局居中,和前兩個不同的是使用這個方法要設定寬度和高度,不然用不了!

**:html及效果圖:

希望能幫到你!

15樓:

在**檢視中選擇在中新增居中命令即可,就可以的!

如何利用css實現絕對定位居中技術

16樓:育知同創教育

1.相容性不錯的主流用法是:(但,這種方法有一個很明顯的不足,就是需要提前知道元素的尺寸。否則margin負值的調整無法精確。此時,往往要藉助js獲得。)

.conter

2.css3的興起,使得有了更好的解決方法,就是使用transform代替margin. transform中translate偏移的百分比值是相對於自身大小的,可以這樣

.conter

3.margin:auto實現絕對定位元素的居中(上下左右均0位置定位;margin: auto)

.conter

4.使用css3盒模型:flex佈局。(不考慮低版本瀏覽器的情況下)

dreamwe**er中div怎麼頁面居中?

17樓:誒特頓

在.header的樣式中加入margin:0px auto;

18樓:匿名使用者

.header

dw如何讓頁面在各個瀏覽器都居中顯示?

19樓:三思野話

body

#container

請問在dw中下面如何設定 才能使div元素居中阿

20樓:中國時尚生活館

首先要設定div的寬度,設定該div的css為:margin:0 auto; 這樣就垂直居中了。

21樓:

或者.juzhong

如何在jsp頁面中顯示json,如何在jsp頁面中呼叫一個在其他jsp頁面中的表單提交的引數

用js把json裡的資料取出來拼成標籤,然後賦值給 html dom裡的 innerhtml屬性 如何在jsp頁面中呼叫一個在其他jsp頁面中的表單提交的引數 servlet中獲 取頁面表單的資料 string username request.getparameter username strin...

jsp如何在servlet中寫jsp頁面中的ltagt超連結的事件

1 直接將href設定為servlet,處理完成後在servlet中response.sendredirect 2 可以ajax去處理,處理完成後在用js控制頁面跳轉。直接將href設定為servlet的跳轉路徑,處理完成後在servlet中response.sendredirect 和reques...

如何在DW中插入外部JS檔案,JS檔案中如何呼叫外部JS檔案

加入注意千萬不能以 結尾,否則無效 將js檔案拖到網頁的中間 直接1行 就行了,何必在dw中操作。dreamweaver中如何外部呼叫js特效 引用外部js檔案,直接用 src 是你引用js檔案的路徑 檔名。type 是宣告型別。這裡是javascript檔案。如果無法正常顯示,看一下src的路徑是...