Html 如何使用css将文本居中?
我有一个简单的段落,我想把它放在这样的中心 这里是htmlHtml 如何使用css将文本居中?,html,css,Html,Css,我有一个简单的段落,我想把它放在这样的中心 这里是html <div class="col-6 info-left"> <h1>Warentykowe Prezenty</h1> <span class="small-text">Od serce kafetrii</span> <p> Posłuchaj Serca Kafeterii i w Walentynk
<div class="col-6 info-left">
<h1>Warentykowe Prezenty</h1>
<span class="small-text">Od serce kafetrii</span>
<p>
Posłuchaj Serca Kafeterii i w Walentynki podaruj bliskiej osobie
więcej miłosci ! Przygotowalismy zestawienie prezentowych
bestsellerów dla niej, dla niego dla Was i... dla Ciebie - miłość
nie jedno ma imię, zastanawiałes się już kogo obdarujesz w tym roku
</p>
</div>
不幸的是,我得到了这个
我尝试了不同的组合,但没能达到我想要的效果
我需要改变什么才能得到我想要的 在
p
元素中设置文本对齐
,使其对齐(以整行对齐),并且文本对齐最后:居中代码>以使最后一行居中
.info左侧,
.信息权{
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
/*.条幅信息{
填充:31px 0px 215px;
} */
.info左>h1{
字体大小:48px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.2;
文本对齐:居中;
文本缩进:2.65px;
}
.info左p{
字体大小:14px;
字体系列:“开放式SAN”;
颜色:rgb(100100100);
线高:1.5;
宽度:63%;
文本对齐:对齐;
文本最后对齐:居中;
}
.小文本{
字号:21px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.8;
文本对齐:左对齐;
文本缩进:2.65px;
}
沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店
我和瓦伦蒂尼·波达鲁伊·布利斯基·奥索比·米奥斯奇在一起!这本书是我的畅销书,是我的。。。德拉西比-米奥·伊米尼·杰德诺·马·伊米,扎斯坦纳维亚是一个由科戈·奥布达鲁耶兹领导的国家
罗库
在p
元素中设置文本对齐
以对齐(以整行对齐),并将文本最后对齐:居中对齐代码>以使最后一行居中
.info左侧,
.信息权{
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
/*.条幅信息{
填充:31px 0px 215px;
} */
.info左>h1{
字体大小:48px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.2;
文本对齐:居中;
文本缩进:2.65px;
}
.info左p{
字体大小:14px;
字体系列:“开放式SAN”;
颜色:rgb(100100100);
线高:1.5;
宽度:63%;
文本对齐:对齐;
文本最后对齐:居中;
}
.小文本{
字号:21px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.8;
文本对齐:左对齐;
文本缩进:2.65px;
}
沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店
我和瓦伦蒂尼·波达鲁伊·布利斯基·奥索比·米奥斯奇在一起!这本书是我的畅销书,是我的。。。德拉西比-米奥·伊米尼·杰德诺·马·伊米,扎斯坦纳维亚是一个由科戈·奥布达鲁耶兹领导的国家
罗库
您正在CSS中将其设置为文本对齐:左
。在.info left p
块中更改为text align:center
。在CSS中将其设置为text align:left
。在.info left p
块中更改为text align:center
。问题是您专门为类.info left
下的p
元素指定了text align:left
:
.info-left p{font-size:14px; ... text-align:left; ... width:63%;}
.info left、.info right{显示:柔性;对齐内容:中心;对齐项目:中心;柔性方向:列;}
/*.banner信息{填充:31px 0px 215px;}*/
.info left>h1{字体大小:48px;字体系列:“开放式Sans压缩”;颜色:rgb(241107108);字体大小:粗体;行高:1.2;文本对齐:居中;文本缩进:2.65px;}
.info左p{字体大小:14px;字体系列:“开放式SAN”;颜色:rgb(100100100);线条高度:1.5;宽度:63%;}
.small text{font size:21px;字体系列:“Open Sans Condensed”;颜色:rgb(241、107、108);字体重量:粗体;行高:1.8;文本对齐:左;文本缩进:2.65px;}
沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店
沃伦蒂斯基·布利斯基·奥索比(Walentynki podaruj bliskiej osobie)的位置
维切伊·米奥斯奇!PRZYOGOTOWALISMY zestawienie prezentowych
畅销书《尼日,尼戈》是我。。。dla Ciebie-miłość
nie jedno ma imię,zastanawiaęs sięjużkogo obdarujesw tym roku
问题在于,您专门为class下的p
元素指定了text align:left
:
.info-left p{font-size:14px; ... text-align:left; ... width:63%;}
.info left、.info right{显示:柔性;对齐内容:中心;对齐项目:中心;柔性方向:列;}
/*.banner信息{填充:31px 0px 215px;}*/
.info left>h1{字体大小:48px;字体系列:“开放式Sans压缩”;颜色:rgb(241107108);字体大小:粗体;行高:1.2;文本对齐:居中;文本缩进:2.65px;}
.info左p{字体大小:14px;字体系列:“开放式SAN”;颜色:rgb(100100100);线条高度:1.5;宽度:63%;}
.small text{font size:21px;字体系列:“Open Sans Condensed”;颜色:rgb(241、107、108);字体重量:粗体;行高:1.8;文本对齐:左;文本缩进:2.65px;}
沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店
沃伦蒂斯基·布利斯基·奥索比(Walentynki podaruj bliskiej osobie)的位置
维切伊·米奥斯奇!PRZYOGOTOWALISMY zestawienie prezentowych
畅销书《尼日,尼戈》是我。。。dla Ciebie-miłość
nie jedno ma imię,zastanawiaęs sięjużkogo obdarujesw tym roku
谢谢,Italy gal answer在我想用align last时工作得很好,谢谢你的帮助ThoughThank,Italy gal answer在我想用align last时工作得很好,谢谢你的帮助thoughAH,所以你基本上想把段落对齐并居中。这是@Itay Gal提出的一个很好的解决方案,尽管原始海报可能会重写问题的标题。啊,所以你基本上想证明这一段的正确性并将其居中。这是@Itay Gal提出的一个很好的解决方案,尽管原始海报可能会改写问题的标题。