写真に効果を加えるにはどうすればよいですか? (ブロックレベル要素のフロート配置)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:11:19
オリジナル
1272 人が閲覧しました

図に示すように、「カバレッジ」セクションは表内のテキストの中央揃え表示に影響を与えることなく、表内で右揃えのままになります。


カバレッジにフロートを追加しようとしましたが、その隣の単語が押し出されてしまいます。両方ともフロートされている場合、それらを中央に配置する方法がわかりません。アドバイスをください


ディスカッション(解決策)に返信

ポジショニングを使用して、次のようなことができます

<!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

ありがとうございます!

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート