2012-12-27 38 views
1

我試圖設置一個居中對齊的div,無論是垂直還是水平,我試圖通過設置div的寬度和高度,然後定位它固定中心並將邊距偏移50%。css的位置設置

這是使用

#404-wrapper {width:400px; height:200px; position:fixed; left:50%; top:50%; margin-top:-100px; margin-left:-200px;} 
#404-wrapper a {font-size:14px; line-height:120%;} 

香港專業教育學院也取得了這裏的jsfiddle的CSS IM - http://jsfiddle.net/wnGL3/

,但我不能明白爲什麼它不是工作,任何想法?

+0

身份證不能以數字開頭我不認爲。更多信息在這裏:http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – SmokeyPHP

回答

3

在前面

#wrapper {width:400px; height:200px; position:fixed; left:50%; top:50%; margin-  top:-100px; margin-left:-200px;} 
#wrapper a {font-size:14px; line-height:120%;} 
+0

啊,我從來不知道,所以你不能有一個CSS類的數字/ id名稱,還是隻是數字盈方? – sam

+0

[在JSFiddle上查看](http://jsfiddle.net/MPnQD/) – jmeas

+0

謝謝,我會一整天都玩這個遊戲,但還是永遠玩不到! – sam

0

使用相對位置而不是固定位置。它應該工作。

2

id重命名你的標記和CSS沒有屬性的數量可以合法與HTML5數字開始,但你仍然有一個問題,它的CSS。

如果你不能改變的ID,您可以使用屬性選擇

[id="404-wrapper"] {} 

演示:http://jsfiddle.net/wnGL3/10/

只是爲了好玩,有另一種方式使用Unicode轉義符來做到這一點:

#\00003404-wrapper {} 

\000034表示數字4演示:http://jsfiddle.net/wnGL3/11/

1

不幸的是ID不能以數字開頭。

從ID爲的

ID W3C規範=名[CS] 該屬性分配一個名稱的元素。該名稱在文檔中必須是唯一的。

http://www.w3.org/TR/html4/types.html#type-name在本文中,它描述了ID的'名稱'可以是什麼。

ID和名稱標記必須以字母([A-Za-z])開頭,後面可以跟隨任意數量的字母,數字([0-9]),連字符(「 - 」),下劃線(「_」),冒號(「:」)和句點(「。」)。

將ID更改爲wrapper-404,它可以工作。

#wrapper-404 {width:400px; height:200px; position:fixed; left:50%; top:50%; margin-top:-100px; margin-left:-200px;} 

#wrapper-404 a {font-size:14px; line-height:120%;}​ 

http://jsfiddle.net/rlemon/wnGL3/3/

0

的ID不能與CSS數字開頭。

但你可以改變

#404-wrapper 

解決它

[id='404-wrapper'] 

Here是一個工作示例。