Html "；文本对齐：居中“；isn'；t在跨度单元中工作_Html_Text Align

Html "；文本对齐：居中“；isn'；t在跨度单元中工作

html

Html "；文本对齐：居中“；isn'；t在跨度单元中工作,html,text-align,Html,Text Align,我已经有一段时间没有使用HTML和CSS了，所以我可能忘记了一些东西，但是出于某种原因，带有“text align”属性集的“style”标记即使在最简单的上下文中也不起作用。我将向你们展示我的整个文件，但我的问题只是我的两条评论。不要担心其他事情；这是我正在做的一个激情小项目这是整个文件。我有很多不相关也不重要的东西；只需关注两条注释中的代码 <!doctype html> <html> <head> <meta charset="utf-8"/&g

我已经有一段时间没有使用HTML和CSS了，所以我可能忘记了一些东西，但是出于某种原因，带有“text align”属性集的“style”标记即使在最简单的上下文中也不起作用。我将向你们展示我的整个文件，但我的问题只是我的两条评论。不要担心其他事情；这是我正在做的一个激情小项目

这是整个文件。我有很多不相关也不重要的东西；只需关注两条注释中的代码

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>JSON Generator</title>
<link rel="stylesheet" href="web_mod.css"></link>
</head>
<body bgColor="#E3E3E3">
<!--Start here-->
<span style="text-align: center">Coded by AnnualMelons</span><br>
<!--Finish here-->
<span style="color: red; background-color: #2CE65A">Use this generator to generate the code required to create a JSON message.<br>
Fill in the blanks to generate the code. The generator will guide you through it as you go along. Have fun!</span>
<script>

</script>
</body>
</html>


JSON生成器
按年度平均值编码

使用此生成器生成创建JSON消息所需的代码。

填空生成代码。发电机会在你前进的过程中引导你通过它。玩得高兴

“由AnnualMelons编码”部分应该在中间，但不是。至少对我来说不是

我知道文件的另一部分与此无关，但我想我还是向您展示一下，因为这可能是一个外部问题

我肯定我只是犯了一个愚蠢的错误，因为我已经有一段时间没有这样做了，但它不起作用。。。所以是的。我正在使用Firefox作为我的网络浏览器，以防有帮助

谢谢

默认情况下，

元素是一个。与（


等）不同，跨度只占其内容的水平空间。
text align:center
正在工作，但您正在将其应用于宽度不大于其内容的元素（与所有块元素一样）
我建议将span更改为
元素，或在span上指定display:block
属性
这两个
都带有显示：块；文本对齐：居中
和带有文本对齐：居中的
达到相同的效果
希望有帮助
 使用p或div而不是span。文本是内联元素，跨度也是。要使文本对齐有效，必须在块级元素（p、div等）上使用它来居中内联内容
例如：
<div style="text-align: center">Coded by AnnualMelons</div><br>

按年鉴编码

在样式中使用此选项
margin-left: 50%;

范例-
   <span style="margin-left: 45%;">Centered Text</span>

居中文本

这对我来说很有效，我的span标记中的文本现在与中心对齐
.span { 
       text-align: center;
       width: -webkit-fill-available;
      }