Html 使用css命令段落不会居中

Html 使用css命令段落不会居中,html,css,Html,Css,嘿,我很困惑,因为我试图将一个段落居中,例如,它不会做任何事情,我尝试了文本对齐、居中对齐、内联块等等 HTML` <div class="col-md-6 col-sm-12 picText1"> <p style="background-color:#77b97a;" class="picText">Ovenstående billeder er taget fra M.E.G.A spillet, som er en Role-Pla

嘿,我很困惑,因为我试图将一个段落居中,例如,它不会做任何事情,我尝试了文本对齐、居中对齐、内联块等等

HTML`

 <div class="col-md-6 col-sm-12 picText1">
              <p style="background-color:#77b97a;"  class="picText">Ovenstående billeder er taget fra M.E.G.A spillet, som er en Role-Playing-Game simulation udformet i Unity Virtual-Reality hvor spilleren agerer statsminister, som har ubegrænset kontrol over de danske klimalove samt budgettet som medfølger.</p>
          </div>`

我也尝试过使用bootstrap命令,但运气不好,希望有人能澄清一下,因为它有时会与文本对齐等一起工作,但我在它周围加了边框,似乎它不会起任何作用。您只需指定元素的宽度,然后将其边距设置为
0 auto
,这将使其顶部和底部的边距为0,并将根据其长方体模型及其父容器的宽度自动使用正确的左右边距使元素居中

.container{
宽度:100%;
}
.picText{
背景色:#77b97a;
边界半径:20px 20px 20px 20px;
填充:2%;
文本对齐:居中;
宽度:50%;
保证金:0自动;
}

Ovenståender Biller er taget fra M.E.G.A spillet,som er en角色扮演游戏模拟udformet i Unity虚拟现实hvor spilleren Ager Stats部长,som har ubegrænset kontrol over de danske Klimave samt Budgett som medfølger


段落居中不需要定位样式。您只需指定元素的宽度,然后将其边距设置为
0 auto
,这将使其顶部和底部的边距为0,并将根据其长方体模型及其父容器的宽度自动使用正确的左右边距使元素居中

.container{
宽度:100%;
}
.picText{
背景色:#77b97a;
边界半径:20px 20px 20px 20px;
填充:2%;
文本对齐:居中;
宽度:50%;
保证金:0自动;
}

Ovenståender Biller er taget fra M.E.G.A spillet,som er en角色扮演游戏模拟udformet i Unity虚拟现实hvor spilleren Ager Stats部长,som har ubegrænset kontrol over de danske Klimave samt Budgett som medfølger


使用bootstrap,我使用了一个容器,并使用
justify content center
将其居中,我认为这比编写css规则更简单。您可以将图像添加到容器中,它们都将居中


Ovenstående Biller er taget fra M.E.G.A spillet,som er en角色扮演游戏模拟udformet i Unity虚拟现实hvor spilleren Ager国家统计部长,som har ubegrænset kontrol over de danske klimalove samt Budgette som medfølger。


使用bootstrap,我使用了一个容器,并使用
justify content center
将其居中,我认为这比编写css规则更简单。您可以将图像添加到容器中,它们都将居中


Ovenstående Biller er taget fra M.E.G.A spillet,som er en角色扮演游戏模拟udformet i Unity虚拟现实hvor spilleren Ager国家统计部长,som har ubegrænset kontrol over de danske klimalove samt Budgette som medfølger。


什么版本的引导?什么版本的引导?仍然未对齐尝试执行此操作并将父div重命名为mycontainer,但仍然未对齐编辑将居中于其父div的内部宽度。因此,在该布局中,您似乎希望picText元素与上面的图片是同一元素的子元素,该元素居中。老实说,我必须查看您的其他源代码才能肯定地告诉您,但这里的关键是使用
margin:auto将根据其父级的可用空间将其居中。哦,耶,我刚刚发现你是对的,我犯了一个愚蠢的错误。现在使用此命令将其居中,谢谢!仍然未对齐尝试执行此操作并将父div重命名为mycontainer,但仍然未对齐编辑将居中于其父div的内部宽度。因此,在该布局中,您似乎希望picText元素与上面的图片是同一元素的子元素,该元素居中。老实说,我必须查看您的其他源代码才能肯定地告诉您,但这里的关键是使用
margin:auto将根据其父级的可用空间将其居中。哦,耶,我刚刚发现你是对的,我犯了一个愚蠢的错误。现在使用此命令将其居中,谢谢!
.picText{
          color: black;
          border-radius: 20px 20px 20px 20px;
          width: 150%;
          height: 75px;
          padding-top: 2%;
          position: relative;
          text-align: center;
          left: 26%;
        }