ホームページ > 記事 > ウェブフロントエンド > CSS を使用して、ブラウザ ウィンドウのサイズが変更された後もスタイルが中央に配置されていることを確認する方法_html/css_WEB-ITnose
CSS を使用して、ブラウザ ウィンドウのサイズが変更された後もスタイルが中央に配置されていることを確認する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:56:00949ブラウズ
CSS を使用して、ブラウザ ウィンドウのサイズが変更された後、スタイルを常に中央に配置する方法。
ブラウザを最小化すると、スタイルの右側が表示されなくなります。最小化するか中央に表示するか、どうすればよいでしょうか。
ディスカッションへの返信 (解決策)
質問の意味がよくわかりません。ブラウザのサイズが変わっても要素を中央に配置するのは難しくありません。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Swapping Songs</title><style>body{margin:0;padding:0;width:100%;background:#ddd}#a{margin:0 auto;width:10%;} p{background-color:#f00;display:inline-block}</style></head><body><div id="a"> <p>这是一段文字描述</p></div></body></html>
最初の画像はスタイルを中央に最大化しています
2 番目の画像ブラウザの最小化されたスタイルは、この効果を実現するために中央に配置されます。 ;top;50%;transform:translate(-50%, -50%)｝
上下左右、劇中
なぜなら、人が書くものはサイズのパーセンテージ
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。