ホームページ >ウェブフロントエンド >htmlチュートリアル >写真に効果を加えるにはどうすればよいですか? (ブロックレベル要素のフロート配置)_html/css_WEB-ITnose
写真に効果を加えるにはどうすればよいですか? (ブロックレベル要素のフロート配置)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:11:191274ブラウズ
図に示すように、「カバレッジ」セクションは表内のテキストの中央揃え表示に影響を与えることなく、表内で右揃えのままになります。
カバレッジにフロートを追加しようとしましたが、その隣の単語が押し出されてしまいます。両方ともフロートされている場合、それらを中央に配置する方法がわかりません。アドバイスをください
ディスカッション（解決策）に返信
ポジショニングを使用して、次のようなことができます
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> div { position:relative; border:1px solid red; width:200px; height:40px; line-height:40px; font-size:20px; text-align:center; } span { position:absolute; right:10px; top:0; } </style> </head> <body> <div> 123<span>span</span> </div> </body></html> 元のポスターを参照してください
http://www.w3school.com .cn/css/css_positioning.asp
ありがとうございます!
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：デフォルトのスタイルにはスタイルがあるのに、明らかに書かれていないのはなぜですか_html/css_WEB-ITnose" href="https://m.php.cn/ja/faq/279358.html">デフォルトのスタイルにはスタイルがあるのに、明らかに書かれていないのはなぜですか_html/css_WEB-ITnose次の記事：デフォルトのスタイルにはスタイルがあるのに、明らかに書かれていないのはなぜですか_html/css_WEB-ITnose" href="https://m.php.cn/ja/faq/279360.html">デフォルトのスタイルにはスタイルがあるのに、明らかに書かれていないのはなぜですか_html/css_WEB-ITnose