CSS 是前端開發不可或缺的技能之一，也是實現網頁樣式和布局的關鍵。在設計網頁的過程中，我們經常需要將一些行內元素變成塊級元素，以便更好地控制網頁布局。下面介紹一些方法。

1. display: block

span{
display: block;
}

這是最基本的將行內元素變成塊級元素的方法。使用display屬性，將其值設置為block，這樣就能使元素在頁面上獨占一行。

2. display: flex

span{
display: flex;
}

將元素的display屬性設為flex，就能將其轉變為塊級元素。同時，元素的內容也會變成一個 flexbox 容器，方便進行布局。

3. float: left/right

span{
float: left;
}

使用float屬性，將其值設置為left/right，就能將行內元素轉換成塊級元素。如需實現多個行內元素并排布局，可以配合使用該屬性。

4. position: absolute

span{
position: absolute;
left: 0;
top: 0;
}

將元素的position屬性設為absolute，再搭配上left: 0; top: 0;，就能讓行內元素與頁面上方對齊，表現為塊級元素。

總結

通過以上方法，我們能夠很方便地將行內元素轉換成塊級元素，實現更好的布局。需要注意的是，不同方法適用范圍不同，有的適合單個元素，有的適合多個元素并排布局。建議根據實際需求靈活使用。