在CSS中,我們經常會使用“基線對齊”(baseline alignment)這個術語。那么什么是基線對齊呢?
基礎代碼示例:第一行文字
第二行文字
基線是指沿著字母底部的線條組成的虛擬線,它是文本的基礎線。
如果存在多行文本,那么每行都有自己的基線。在CSS中,在多個基線之間對齊元素的位置稱為“基線對齊”。
例如,在上面的示例代碼中,如果我們想要讓“第一行文字”和“第二行文字”垂直方向上對齊,我們可以在CSS中添加以下代碼:
.container { display: flex; align-items: baseline; }
這會將容器元素設置為flex布局,并將其內部項垂直對齊到其各自的行基線。
基線對齊是一種非常有用的技術,可以使多行文本和其他元素在視覺上更加協調和平衡。