ホームページ > ウェブフロントエンド > htmlチュートリアル > text-align が効果がない理由_html/css_WEB-ITnose

text-align が効果がない理由_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:13:30
オリジナル
1441 人が閲覧しました

<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/css" href="style.css"?><books>    <book>        <bookname>Java Web</bookname>        <author>Wang</author>        <publishing>QingHua</publishing>        <company>MingRi</company>        <ISBN>7-302-21033-7</ISBN>        <price unit="RMB">69.80</price>        <url>![CDATA[http://www.mingribook].com/bookinfo.php?id=227&amp;sid=4]</url>    </book>    <book>        <bookname>DBMS</bookname>        <author>Wang</author>        <publishing>RenMing</publishing>        <company>MingRi</company>        <ISBN>7-115-14689-6</ISBN>        <price unit="RMB">49.80</price>        <url>![CDATA[http://www.mingribook].com/bookinfo.php?id=208&amp;sid=11]</url>    </book></books>
ログイン後にコピー

author,pulishing,company,ISBN,price{    text-align: center;    width: 18%;}
ログイン後にコピー

効果を実現するために、代わりに text-align を float: left に変更します


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

ブラウザで xml を見ると、これは何ですか?認識されないHTMLタグはインライン要素として解析されるようで、通常のインライン要素にはwidth属性がないと、当然内部テキストは中央に配置されません。
float:left を追加すると、ブロック要素として解析されるため、効果的になります。
display:inline-block; を使用することもできます

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