在设置文字的字体时,大家可以通过font-size
属性来控制文字的大小,而通过font-family
属性可以控制文字所用的字体。不过,有时候大家希望文字与其容器右侧对齐,那应该怎么设置呢?
p { font-family: 'Roboto', sans-serif; font-size: 18px; text-align: right; /* 将文字向右对齐 */ display: flex; justify-content: flex-end; /* 使用 flex 布局并使用 justify-content 设置文字在容器中的位置 */ }
以上代码示例中大家针对p
标签设置了如下 CSS 属性:
font-family
:将字体设置为'Roboto'
,并辅以一个sans-serif
的通用字体族。font-size
:将字体大小设置为18px
。text-align
:将文字向右对齐。display
:使用flex
布局方式。justify-content
:使用flex-end
属性将文字右对齐。
在以上设置完成之后,就可以将文字与其容器的右侧对齐了。