> 웹 프론트엔드 > HTML 튜토리얼 > 为什么text-align没有效果_html/css_WEB-ITnose

为什么text-align没有效果_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:13:30
원래의
1442명이 탐색했습니다.

<?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&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&sid=11]</url>    </book></books>
로그인 후 복사

author,pulishing,company,ISBN,price{    text-align: center;    width: 18%;}
로그인 후 복사

把text-align改成 float:left 反而实现效果


回复讨论(解决方案)

这是什么,在浏览器上看xml?不被识别的html标签好像都会解析为内联元素,而普通内联元素是没有宽度属性的,没有宽度当然内部文本就不会居中,加个background背景色看下就明白了。
加float:left ;会以块状元素解析,块状元素是可以有宽度的,所以就有效果了。
同样的也可以使用display:inline-block;

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿