CSS中常用到的文字垂直居右方式有很多，接下來(lái)將介紹其中兩種常見(jiàn)的方式。

/* 第一種：使用絕對(duì)定位 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
right: 0;
}

使用這種方式，需要將垂直方向的定位設(shè)為0，讓文字頂部和父元素頂部重合。將水平方向的定位設(shè)為0，則文字會(huì)與父元素右側(cè)保持距離，實(shí)現(xiàn)垂直居右的效果。

/* 第二種：使用flex布局 */
.parent {
display: flex;
}
.child {
margin-left: auto;
}

使用這種方式，首先需要將父元素設(shè)為flex布局，接著在文字垂直居右的元素上加上margin-left: auto;，這樣就可以將空余的部分全部留給該元素，實(shí)現(xiàn)垂直居右的效果。