Html 仅对文本使用背景色将文本居中对齐

如何将文本与屏幕中心对齐，链接背景为蓝色。不改变HTML代码，只改变CSS代码。 我正在使用“显示内联”和“对齐文本：居中”，但它不起作用。 在链接部分，我想将其与中心顶部对齐，并且应该固定

（用于css文件）

（对于html文件）

css：

<style>
div
{
text-align:center; 
background-color:red;
}

.linkFrame
{
margin: 0 auto;
background-color: blue;
width:20%;
height: 100%;
}
.linkFrame a
{
color: white;
}
</style>

div
{
文本对齐：居中；
背景色：红色；
}
.连接架
{
保证金：0自动；
背景颜色：蓝色；
宽度：20%；
身高：100%；
}
.连接架a
{
颜色：白色；
}

html:

Tryit编辑器链接：

你想要什么

• 将文本与屏幕中心对齐，链接背景为蓝色
• 只修改CSS代码
• 连杆应居中顶部对齐并固定

修改

• 添加

  文本对齐：居中在
  正文{}

• 移除

  宽度：100%

解释

• 这将使

  p

  在

  body

• 通过删除

  宽度：100%

  ，背景颜色将只适合内容（本例中为链接）

请运行下面的代码，看看这是否是您所要求的。

/*这是一个部分blocks.css，您需要添加更多规则
添加到此文件以完成分配。不要添加任何CSS
将样式设置为原始index.htm/start.htm*/
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
文本对齐：居中；
}
/*以下是您需要的许多CSS规则之一*/
#三{
位置：固定；
边框：5px实心#fea405；
保证金：5px；
填充物：5px；
宽度：25%；
排名：0；
}
#两个{
位置：固定；
边框：5px实心#048103；
保证金：5px；
填充物：5px；
宽度：25%；
排名：0；
右：0；
}
#四{
位置：固定；
边框：5px实心#ffff00；
保证金：5px；
填充物：5px；
宽度：25%；
底部：0；
}
#一个{
位置：固定；
边框：5px实心#0201ff；
保证金：5px；
填充物：5px；
宽度：25%；
底部：0；
右：0；
}
#链接
{	
文本对齐：居中；
颜色：白色；
背景色：#0201ff；
显示：内联；
}

阻碍
事实证明，如果你
每天去工作，集中精力做一个好朋友
愚蠢、有趣、快乐汉娜·默里
你这一生所需要的只是无知和自信，
然后成功是肯定的马克·吐温
好吧，如果犯罪斗士和消防队员一起打击犯罪
救火，自由战士在打什么？他们从来没有
向我们提到那部分，是吗乔治·卡林
伟大的头脑讨论思想；普通人讨论事件；
小人议论人埃莉诺·罗斯福

您必须用以下代码替换为#link编写的小css代码：

#link{
   text-align: center;
}
#link a{
   background-color:#0201ff;
   color: white;
}

---

通过向我们提供html和css代码，如果您在问题中发布了相关的html代码，我们就可以确定任何可能的答案都会有效。如果可能，您可以将

display:inline

更改为

display:block

。如果使用

display:inline

或

display:inline block

，则元素的宽度仅为适合其文本所需的宽度，因此，将文本居中放置在该元素中不会有多大作用，因为文本的两边都没有多余的空间来居中放置。您能告诉我们您有什么HTML，以便我们知道您的示例中要引用什么吗？

#link{
   text-align: center;
}
#link a{
   background-color:#0201ff;
   color: white;
}