1

中央に配置されたdivを垂直方向と水平方向の両方に設定しようとしています。また、divの幅と高さを設定し、中央に固定してマージンを50％オフセットすることで設定しようとしています。

これはcssimを使用しています

#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%;}

iveもここでjsfiddleを作成しました-http ://jsfiddle.net/wnGL3/

しかし、なぜそれが機能しないのかわかりません、何かアイデアはありますか？

4

5 に答える 5

3

マークアップとcssの名前を前の番号なしで変更します

#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%;}
于 2012-12-27T15:22:06.957 に答える
2

id属性は合法的にHTML5の数字で始めることができますが、CSSではまだ問題があります。

IDを変更できない場合は、属性セレクターを使用できます。

[id="404-wrapper"] {}

デモ： http： //jsfiddle.net/wnGL3/10/

楽しみのために、ユニコードエスケープコードを使用してそれを行う別の方法があります：

#\00003404-wrapper {}

\000034数字の4を表します。デモ：http：//jsfiddle.net/wnGL3/11/

于 2012-12-27T15:25:29.103 に答える
1

残念ながら、IDは数字で始めることはできません。

IdのW3C仕様から

id = name [CS]この属性は、要素に名前を割り当てます。この名前は、ドキュメント内で一意である必要があります。

http://www.w3.org/TR/html4/types.html#type-nameこの記事では、IDの「名前」が何であるかについて説明しました。

IDトークンとNAMEトークンは、文字（[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/

于 2012-12-27T15:25:49.460 に答える
0

位置を固定ではなく相対として使用します。動作するはずです。

于 2012-12-27T15:21:30.333 に答える
0

IDはcssの数字で始めることはできません。

しかし、あなたはそれを変更して修正することができます

#404-wrapper

に

[id='404-wrapper']

これが実際の例です。

于 2012-12-27T15:26:05.860 に答える