折行(fold- line)是一種常見的網頁布局技術，可以讓文本在瀏覽器中居中顯示，并且折疊到輸入框的下方。下面我們將介紹如何使用 CSS 實現折行。

折行通常是指在輸入框中顯示一段文本，然后自動折疊到輸入框的下方。為了實現折行，我們可以使用 HTML 的 input 元素和 CSS 的 transform 屬性。具體步驟如下：

1. 在 HTML 中添加一個 input 元素，用于存儲要折疊的文本。

```html

<input type="text" placeholder="請輸入要折疊的文本">

2. 使用 CSS 將 input 元素定位到瀏覽器窗口的中央，并將其寬度設置為 100%。

```css

input {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 100%;

3. 為 input 元素添加一個 transform 屬性，將折行文本折疊到輸入框的下方。

```css

input {

transform: translateY(-50px);

4. 如果需要將折行文本的樣式與輸入框的樣式融合，可以使用 CSS 的 rgba 屬性。具體步驟如下：

```css

input {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 100%;

background-color: rgba(0, 0, 0, 0.5);

input:focus {

background-color: rgba(0, 0, 0, 0.8);

以上就是使用 CSS 實現輸入框折行的基本步驟。需要注意的是，折行效果會因為瀏覽器兼容性、屏幕尺寸等因素而有所不同。因此，在實際應用中，需要根據實際情況進行調整和優化。