Html 为什么文本的对齐方式与代码不同？如何修复它'；s_Html_Css_Css Position_Text Align

Html 为什么文本的对齐方式与代码不同？如何修复它'；s

html css

Html 为什么文本的对齐方式与代码不同？如何修复它'；s,html,css,css-position,text-align,Html,Css,Css Position,Text Align,消除其他代码后，这就是剩下的代码。还有其他类似的代码，只是内容不同而已，我怀疑它们也有同样的问题。但我似乎不知道如何才能使这段代码正确对齐。我检查了打开和关闭标签和缩进，但一切似乎都很好我也试着在开发者工具上检查它，但是它没有我想要的文本属性我也试过显示块，但也不起作用您能告诉我如何修复此代码吗？ <html> <head> <title>Webpage Design</title> <style&g

消除其他代码后，这就是剩下的代码。还有其他类似的代码，只是内容不同而已，我怀疑它们也有同样的问题。但我似乎不知道如何才能使这段代码正确对齐。我检查了打开和关闭标签和缩进，但一切似乎都很好

我也试着在开发者工具上检查它，但是它没有我想要的文本属性

我也试过显示块，但也不起作用

您能告诉我如何修复此代码吗？

<html>

 <head>
        <title>Webpage Design</title>
        <style>
                     .sc { text-align: center; }
        </style>
  </head>
  <body>
        <a class = 'sc' href= 'http://stackexchange.com'>
        THE TEXT THAT WON'T ALIGN</a>
  </body>
</html>


网页设计
.sc{文本对齐：居中；}

在您的样式

sc

类中使用

display:block

，请参见下面的代码：

<html>
     <head>
            <title>Webpage Design</title>
            <style>
                 .sc { text-align: center; display: block;}
            </style>
      </head>
      <body>
            <a class = 'sc' href= 'the link to the website'>
            THE TEXT THAT WON'T ALIGN</a>
      </body>
</html>


网页设计
.sc{文本对齐：居中；显示：块；}

在您的样式

sc

类中使用

display:block

，请参见下面的代码：

<html>
     <head>
            <title>Webpage Design</title>
            <style>
                 .sc { text-align: center; display: block;}
            </style>
      </head>
      <body>
            <a class = 'sc' href= 'the link to the website'>
            THE TEXT THAT WON'T ALIGN</a>
      </body>
</html>


网页设计
.sc{文本对齐：居中；显示：块；}

如果要对齐锚定标记，请使用

显示：阻止或在锚定标记前面添加div
或p
标记，然后对齐该div
或“p”
<html>
 <head>
        <title>Webpage Design</title>
        <style>
             .sc { text-align: center;}
        </style>
  </head>
  <body>
<p>
Some content here <br />
        <div class= 'sc'><a href= 'the link to the website'>
        THE TEXT THAT WON'T ALIGN</a></div><br />
Some content here <br />
  </body>
</html>


网页设计
.sc{文本对齐：居中；}

这里有一些内容



这里有一些内容


如果要对齐锚定标记，请使用显示：阻止或在锚定标记前面添加div
或p
标记，然后对齐该div
或“p”
<html>
 <head>
        <title>Webpage Design</title>
        <style>
             .sc { text-align: center;}
        </style>
  </head>
  <body>
<p>
Some content here <br />
        <div class= 'sc'><a href= 'the link to the website'>
        THE TEXT THAT WON'T ALIGN</a></div><br />
Some content here <br />
  </body>
</html>


网页设计
.sc{文本对齐：居中；}

这里有一些内容



这里有一些内容


如果您制作在这种情况下，如果您
您试图实现哪种对齐方式？@jackson5.sc{text align:center；}请不要更改问题，使其不再包含问题代码。您试图实现哪种对齐方式？@jackson5.sc{text align:center；}请不要更改问题，使其不再包含问题代码。您是否尝试了提供的演示？在转到该链接后是否按了“运行”按钮？该链接可以工作，但当我在自己的代码上尝试时，它并不表示您必须提供问题中的真实代码，而不是虚拟代码。您是否尝试了提供的演示？是否按了“运行”按钮转到该链接后运行按钮？该链接起作用，但当我在自己的代码上尝试它时，它并不表示您必须提供问题中的真实代码，而不是虚拟代码。