5.3 文本对齐类(text-align) 文本对齐类用于控制文本在页面上的水平对齐方式。Tailwind CSS提供了多种对齐选项,以适应不同的布局需求。 - .text-left // 文本左对齐 - .text-center // 文本居中对齐 - .text-right // 文本右对齐 - .text-justify // 文本两端对齐 示例代码 <!-- 使用.text-center类设置...
左对齐 居中对齐 右对齐 两端对齐 垂直对齐 Tailwind CSS 提供了以下工具类用于调整垂直对齐: align-baseline:基线对齐 align-top:顶部对齐 align-middle:中间对齐 align-bottom:底部对齐 align-text-top:文本顶部对齐 align-text-bottom:文本底部对齐 以上对齐类一般在和flex...
text-right text-align: right; text-justify text-align: justify; text-start text-align: start; text-end text-align: end; Examples Left aligning text Use thetext-leftutility to left align the text of an element: So I started to walk into the water. I won't lie to you boys, I was ...
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;...
.tw-text-left{text-align:left;}.tw-text-center{text-align:center;}.tw-text-right{text-align:right;}/* etc. */ 请一定要理解,这个前缀是在任何变体前缀之后添加的。这意味着,带有响应式或者状态前缀(如sm:orhover:)的类仍然会最先出现,自定义前缀要写在冒号后面。
.align-right:右对齐元素 .align-center:居中元素 .align-baseline:基线对齐元素 .align-text-top:文本顶部对齐元素 .align-middle:垂直居中元素 .align-text-bottom:文本底部对齐元素 您可以根据需要选择适当的对齐方式,以满足您在项目中的设计需求。 自定义对齐方式 ...
right: 0; border-color: #68d391; } .toggle-checkbox:checked + .toggle-label { background: #68d391; } Title Irure dolor ut excepteur ea cupidatat dolor dolore consectetur sit voluptate qui et deserunt.
文本颜色: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<...
文本颜色: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<...