在前端開發中，有時需要設置文字或圖像的基線對齊，使得排版更加美觀整齊。在 CSS 中，可以通過 line-height 屬性和 vertical-align 屬性實現基線對齊。

下面是一些示例代碼：

/* 設置文字基線對齊 */
.text {
font-size: 16px;
line-height: 1.5;
vertical-align: baseline;
}
/* 設置圖像基線對齊 */
.image {
vertical-align: bottom;
}

在上面的代碼中，line-height 屬性設置了行高，這是基線對齊的關鍵因素。vertical-align 屬性則指定了元素與周圍元素的垂直對齊方式，其中 baseline 表示基線對齊，top 表示頂部對齊，bottom 表示底部對齊。

需要注意的是，在設置基線對齊時，可能會遇到一些意想不到的問題，比如不同字體間基線的高度可能不同。因此，在實際開發中需要根據具體情況進行調整。另外，使用 flex 布局時，也可以通過 align-items 和 align-self 屬性實現基線對齊。