0

HTMLとCSSをフォローしていますが、ポップアップウィンドウを任意のブラウザウィンドウサイズの画面の中央に配置したいと思います。これはJavaScriptなしで可能ですか？

CSS：

.floating-window {
    z-index: 9999;
    position: absolute;
    width: 200px;
height: 200px;  
    cursor: default;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}

HTML：

<div class='floating-window box'></div>
4

2 に答える 2

2

パーセンテージを使用すると、ボックスの半分が左側になるようにボックスを設定できます。そう

width: 30%;
left: 45%; /* 50% (center) - 15% (half of 30) */

px を使用することもできますが、絶対的なコンテナー幅に制限されます。あちこち探しましたか？この方法を私よりも詳しく説明している記事がいくつかあることは知っています。

于 2011-02-23T13:55:57.893 に答える
0

確かに、それは可能ですが、どうやってそれをなくすつもりですか？

JavaScriptが必要になります...

于 2011-02-23T13:46:39.380 に答える