首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在我的HTML网站上,为什么在浏览器中呈现段落标记后,更改段落标记中的文本对齐方式会自动关闭段落标记?

在我的HTML网站上,为什么在浏览器中呈现段落标记后,更改段落标记中的文本对齐方式会自动关闭段落标记?
EN

Stack Overflow用户
提问于 2013-01-03 08:04:01
回答 2查看 169关注 0票数 0

这是一个非常小的HTML问题,我相信你们会很快回答的。我在我的网站上张贴的东西是这样的

代码语言:javascript
运行
复制
<div id="content">
     <p>
          <hh>Header text here</hh>
          Post information here, text and stuff.
     </p>

     <p>
          <hh>Header 2 text here</hh>
          Post 2 information here, text and stuff.
     </p>
</div>

但是,当我尝试插入<center>或left标记时,<p>会自动关闭,并且<center>标记之后的所有内容都在段落框之外。我在firefox中使用了inspect-element,在调用居中文本之前,我可以看到它以一个我从未输入过的</p>结束。

例如:

代码语言:javascript
运行
复制
<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
     <center>This text is centered</center>
</p>

是这样渲染的:

代码语言:javascript
运行
复制
<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
</p>
<center>This text is centered</center>
</p>

这真的很令人沮丧,如果有人能帮助我,那就太好了。使用<div align-right>也不起作用。如果它有帮助,我可以将整个<p>设置为以任何方式对齐,它就会工作。

只有当我与该标签中的设置方向不同时,它才会断开。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-03 08:09:24

来自w3school:

使用CSS居中显示文本!

HTML5中不支持该标记。请改用CSS。

HTML 4.01中不推荐使用该元素。

http://www.w3schools.com/tags/tag_center.asp

因为center的作用就像p,你不能把p放在p里。

编辑:要回复你的评论,你可能应该这样做:

代码语言:javascript
运行
复制
<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
     <span>This text is centered</span>
<p>

在你的css中添加这个

代码语言:javascript
运行
复制
#content p span { display:block; text-align:center; }

(如果您需要的话,它也可以与a标签一起使用)

票数 1
EN

Stack Overflow用户

发布于 2013-01-03 08:07:34

这可能是因为您不能在p-tag中使用hh-tag。(不确定,但这主要是)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14131199

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档