ホームページ  >  記事  >  ウェブフロントエンド  >  text-align 属性には、inheritance_html/css_WEB-ITnose がありますか

text-align 属性には、inheritance_html/css_WEB-ITnose がありますか

WBOY
WBOYオリジナル
2016-06-24 11:40:491808ブラウズ

text-align 属性は継承されますか?:

text-align 属性はオブジェクト内のテキストを水平方向に中央揃えにすることができますが、それが難しいことではないという疑問が生じることがあります。が継承されている場合は、親要素のセンタリング メソッドを定義してから、以下の子要素を統合することでコードを節約できます。コード例は次のとおりです。

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.grandfather{  width:440px;  height:350px;  background-color:green;  text-align:right;}.parent{  width:200px;  height:200px;  background-color:blue;}.children{  width:180px;  height:150px;  background-color:red;}</style></head><body> <div class="grandfather">  <div class="parent">    <div class="children">蚂蚁部落欢迎您</div>  </div> </div></body></html>

上記のコードのパフォーマンスから、text-align 属性が継承されていることがわかります。

元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0503/599.html

元のアドレスは次のとおりです: http://www.softwhy.com/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。