html如何让文字居中显示

请各位大侠帮忙.

文字外层,放个div,div加个样式。

例如1:

<div class="text">这里是想要居中的文字</div>

样式表里这样写:

.text{text-align:center;}

例如2:

<div class="text" style=" text-align:center;">这里是想要居中的文字</div>。

html详细介绍

由来

万维网上的一个超媒体文档称之为一个页面。作为一个组织或者个人在万维网上放置开始点的页面称为主页或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器指针,通过激活它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

定义

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

语言特点

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

    简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

    可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

    平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

    通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-10-04

你的话有歧义,所以导致下面的回答有歧义。

两种情况:1、文本格式居中;2、文本所在标签居中显示在窗口中。

1、如其他匿名用户回答的一样,给文本所在标签加CSS属性值"text-align:center"即可。例如:

<p style="text-align:center">我是文本,居中显示</p>

2、有很多种方法,这里介绍两种,例如:

1)(建议)文本应该被 行内标签或行内块级标签 包裹,行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中,可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。

<div style="text-align:center"> <!-- 块级标签 -->
    <span>我是文本所在标签1,文本居中显示<span> <!-- 行内标签 -->
    <div style="display:inline-block;">我是文本所在标签2,文本居中显示</div> <!-- 行内块级标签 -->
</div>

2)文本被块级标签包裹。为块级标签设置宽度,并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中,可在块级标签加CSS属性值"text-align:center"。

<div style="width: 100px; margin:0 auto">我是文本所在标签,文本居中显示</div>

以上,谢谢。

第2个回答  推荐于2018-04-24
文字外层,放个div,div加个样式,
例如1:
<div class="text">这里是想要居中的文字</div>,
样式表里这样写:
.text{text-align:center;}
例如2:
<div class="text" style=" text-align:center;">这里是想要居中的文字</div>本回答被网友采纳
第3个回答  推荐于2017-11-18
<center>你的文字</center>
第4个回答  2013-09-22
以table为例可以这样写,<table border="1" align="center"> </table>
相似回答