p {text-align: left;}
在上述代码中,我们将所有 p 标签里的文字都设置为左对齐。当然,也可以在单个 p 标签内设置样式。例如:这是左对齐的文字。
除了以上方法,还可以使用 CSS flexbox。在 flexbox 中,我们可以使用 justify-content 属性同时控制水平和垂直对齐。例如:.container {display: flex;justify-content: flex-start;}
在上述代码中,container 类的元素内部的所有内容都被设置为左对齐。flex-start 值表示左对齐。总结一下,想要在 CSS 中实现文字的左对齐,可以使用 text-align 属性,或是使用 CSS flexbox 的 justify-content 属性。这两种方法可以在不同的场合下灵活使用,实现精美的排版效果。