ホームページ >ウェブフロントエンド >htmlチュートリアル >中国語と英語を中心とした div レイヤー コンテンツ_html/css_WEB-ITnose
中国語と英語を中心とした div レイヤー コンテンツ_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:09:541221ブラウズ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!--#Layer1 { position:absolute; width:279px; height:281px; z-index:1; height: 300px; text-align:center; }--></style></head><body><div id="Layer1">fds fdsa fdsa fdsa fds a</div></body></html> たとえば、この div レイヤーのように、レイヤー内のコンテンツを (中央揃えではなく) 中国語と英語で表示するにはどうすればよいですか。
ディスカッションに返信 (解決策)
vertical-align:middle を追加します
text-align:center を追加します。もちろん中央揃えです
text-align:center です。もちろん、中央に表示されます。
ボス、
意味がわからないかもしれませんが、中国語と英語のテキストを中央に表示するのではありません。層の真ん中に相当します。
vertical-align:middle を追加しても機能しません。最初にこれを試してみました
http://blog.163 。 com/zhaoyanping_1125/blog/static/20132915320120574238932/
レイヤーがあまり多くないのでしょうか？ ちょっと複雑な気がします
text-align:center; line-height:300px;
そうですね、Sina Weibo にアバターをアップロードするのと同じ効果が得られるのが最善です。写真が不規則な場合は、最もよく中国語と英語で表示されます。
最も一般的に使用される方法はあります。 line-height を使用します
++ 最も一般的に使用される方法は line-height を使用することです。これで完了です
1: 単一行のテキスト: line-height を直接使用して実行します。
2: 現時点では、複数行のテキストや画像はより面倒です。一般的な方法は、div を複数のレイヤーにネストすることです。 table-cell の垂直方向のセンタリング機能と相対位置の追加は次のとおりです。 ; text-align:center}.valign_wrap{*position:absolute;*top:50% ;}
.valign_content{*position:relative;*top:-50%;*left:-50%;display:inline- block;*display:inline;*zoom:1;text-align:left;} 6bab83cd2ea3b0bfa059c0c27e19c040 fe98a318593f19316b2d03f33efe5047
< ;/div>
16b28748ea4df4d9c2150843fecfba68
自分で解決しましたが、良いアイデアをありがとう):_