bootstrap怎么文本左右对齐？

Posted 2023-04-19

中间A.跟右边的文字。怎样才能跟图片上的一样？

您好，您需要的关键语句如下：

.text-left：左对齐

.text-center：居中对齐

.text-right：右对齐

.text-justify：两端对齐

完整语句及标注如下：

<p class="text-left">我居左</p>

<p class="text-center">我居中</p>

<p class="text-right">我居右</p>

<p class="text-justify">

参考技术A 使用这个class: text-left (文本左对齐) text-right(文本右对齐) text-justify(文本左右对齐)
的这种情况，应该使用 text-let 参考技术B text-left，text-right

bootstrap5 文本文字排版类

参考技术A .lead让段落更突出

.small指定更小文本 (为父元素的 85% )

.text-start左对齐

.text-center居中

.text-end右对齐

.text-justify设定文本对齐,段落中超出屏幕部分文字自动换行

.text-nowrap段落中超出屏幕部分不换行

.text-wrap 换行

.text-lowercase设定文本小写

.text-uppercase设定文本大写

.text-capitalize设定单词首字母大写

.text-truncate 文本截断，将长文本截断并用省略号代替，需要父级元素设置宽，或者单独style="max-width: 100px;"。并且需要设置 d-inline-block 或 display: block 属性

.initialism显示在 元素中的文本以小号字体展示，且可以将小写字母转换为大写字母

.list-unstyled移除默认的列表样式，列表项中左对齐 (