如何从 text-align 开始在 HTML 写一段文字:对
How to put a block of writing in HTML from text-align: right
标题有点罗嗦,所以我将尝试提供一个示例,说明我的代码中发生了什么以及我想要发生什么。
ONEDRIVE LINK 我所有的代码
https://1drv.ms/u/s!AvauuVcN_DBAh30o-aOYmh2AMxL6?e=IL4csP
我在键盘上随意输入占位符文本
输出中发生了什么
Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr
Lorem Ipsum
dioahef efyarw aspv9aru crupdjeamf zxpodruwa fopdurf sfjf fos rfps f idyrheajnr wafjhar
我想要发生的事情
Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr
Lorem Ipsum
saliaf saoie awsuor aswi
lary sfopea dpa fk
uwartyea fyisdr saor a
feaiory waro aorhf df
信息
<p style="text-align: right">Education Perfect</p>
我试过 style="width: -500px"
,但似乎并没有真正奏效...
您是否尝试过将文本封装在容器中 div 然后减小其宽度?
<div class="container">
<p>text</p>
<p>more text</p>
</div>
然后:
.container {
float: right;
width: your-desired-width;
}
.container p {
text-align: center;
}
由于您发布的 HTML 过于含糊,我无法为您提供所需结果的准确再现,但应该可以解决问题。
编辑:重新阅读问题并相应更新 CSS 规则,如果有任何遗漏或我的想法有误,请告诉我。
标题有点罗嗦,所以我将尝试提供一个示例,说明我的代码中发生了什么以及我想要发生什么。
ONEDRIVE LINK 我所有的代码
https://1drv.ms/u/s!AvauuVcN_DBAh30o-aOYmh2AMxL6?e=IL4csP
我在键盘上随意输入占位符文本
输出中发生了什么
Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr
Lorem Ipsum
dioahef efyarw aspv9aru crupdjeamf zxpodruwa fopdurf sfjf fos rfps f idyrheajnr wafjhar
我想要发生的事情
Lorem Ipsum
daof esiogheagf difghea
fjaeiohrteg rearih
alfugeahoruij feioaryawrg
awirhyear rawirhy weri
fdsilryh ddfr
Lorem Ipsum
saliaf saoie awsuor aswi
lary sfopea dpa fk
uwartyea fyisdr saor a
feaiory waro aorhf df
信息
<p style="text-align: right">Education Perfect</p>
我试过 style="width: -500px"
,但似乎并没有真正奏效...
您是否尝试过将文本封装在容器中 div 然后减小其宽度?
<div class="container">
<p>text</p>
<p>more text</p>
</div>
然后:
.container {
float: right;
width: your-desired-width;
}
.container p {
text-align: center;
}
由于您发布的 HTML 过于含糊,我无法为您提供所需结果的准确再现,但应该可以解决问题。
编辑:重新阅读问题并相应更新 CSS 规则,如果有任何遗漏或我的想法有误,请告诉我。