text-lefttext-align:left; text-centertext-align:center; text-righttext-align:right; text-justifytext-align:justify; text-starttext-align:start; text-endtext-align:end; Basic usage Setting the text alignment Use thetext-left,text-center,text-right, andtext-justifyutilities to control the...
5.3 文本对齐类(text-align) 文本对齐类用于控制文本在页面上的水平对齐方式。Tailwind CSS提供了多种对齐选项,以适应不同的布局需求。 - .text-left // 文本左对齐 - .text-center // 文本居中对齐 - .text-right // 文本右对齐 - .text-justify // 文本两端对齐 示例代码 <!-- 使用.text-center类设置...
Text AlignmentLorem ipsum dolor sit amet ...Lorem ipsum dolor sit amet ...Lorem ipsum dolor sit amet ...Lorem ipsum dolor sit amet ... Text Color 用于设置字体颜色及深浅 Utilities for controlling the text color of an element. .text-{color} 颜色可以选择: black黑色/white白色 gray灰色/red红...
text-left 即 text-align:left text-center、text-right、text-justify 同理加粗italic 即 font-style: italic; font-thin 即 font-weight: 100; font-light 即 font-weight: 300; font-normal 即 font-weight: 400; font-bold 即 font-weight: 700; font-black 即 font-weight: 900;...
} .right { display: flex; flex-wrap: wrap; align-items: center; } } ...
The table below contains all the classes that denote the align-items property.Example: items-start items-center
.tw-text-left{text-align:left;}.tw-text-center{text-align:center;}.tw-text-right{text-align:right;}/* etc. */ 请一定要理解,这个前缀是在任何变体前缀之后添加的。这意味着,带有响应式或者状态前缀(如sm:orhover:)的类仍然会最先出现,自定义前缀要写在冒号后面。
.Button{display:inline-block;text-align:center;}.u-block{display:block!important;}CSS component 待...
lowercase: text-transform: lowercase 背景和边框 bg: background-color border: border-style, border-width, border-color rounded: border-radius shadow: box-shadow 弹性盒子布局 flex: display: flex justify: justify-content items: align-items
文本颜色:text-[color]-[shade] color:颜色名称 shade:色度,取值范围为 100~900,不可对黑色或白色使用 Color Black Color White Color Red 500 Color Blue 500 Color Gray 500 Color Green 500 Color Black Color White Color Red 500 Color Blue 500<...