CSS兩行居中是前端開發(fā)中常見的布局需求。通過使用 CSS 屬性和一些簡單的技巧，可以在不使用 JavaScript 的情況下實現(xiàn)這個效果。

/* 代碼示例 */
.parent {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
}
.child {
width: 200px;
height: 100px;
}

上述代碼中，parent是一個父元素，它應(yīng)該有一定的高度以使內(nèi)容垂直居中。在這里，使用display: flex布局并使用justify-content: center;和align-items: center;將父元素以及所有子元素垂直和水平居中。

child是子元素，它應(yīng)該有一個特定的寬度和高度，這是必需的。這些屬性取決于特定的需求，例如在創(chuàng)建一個模態(tài)框時你可能想要使用它。在這個示例中，它只有一個寬度和高度以說明如何將兩行文本垂直居中。

最后，幾個注意事項：

• 確保給父元素設(shè)置高度，否則布局將不起作用。
• 確保子元素設(shè)置特定的寬度和高度。
• 如果你需要多行文本垂直居中，可以調(diào)整行高以適應(yīng)不同的字體大小。