简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-21 09:13:30
Original
1360 people have browsed it

<?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>
Copy after login

author,pulishing,company,ISBN,price{    text-align: center;    width: 18%;}
Copy after login

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


回复讨论(解决方案)

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

Related labels：
为什么text-align没有效果
source：php.cn
Previous article：第三次作业 Excel数据读取及HTML文件初步 目标2_html/css_WEB-ITnose Next article：推荐几款超实用的 CSS 开发工具_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Relatively positioned top not working as expected Why the top attribute doesn't work when the label is sibling with , but if I remove the la...
From 2023-10-29 21:02:46
0
1
236
PHP cURL method to get redirect target without following redirect The curl_getinfo function returns a large amount of metadata about the result of the HTTP ...
From 2023-10-25 08:56:01
0
1
205
Redirect after axios post request in Express I am unable to redirect after accepting a post request from Axios. I do know that the requ...
From 2023-10-17 19:45:58
0
1
209
Is it impossible to have a full page three row CSS-Flex layout in mobile safari? Sample code: https://jsfiddle.net/Lsfvotd2/2/ doesn't seem to solve the issue of the float...
From 2023-09-15 18:24:47
0
1
200
PHP method to get local time Why can't procedural code achieve the same results as object-oriented code? I have legacy ...
From 2023-09-15 11:40:31
0
1
226
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！