HTML 對聯是制作網頁時常用的一種技術。它可以使兩個文本塊居中對齊,讓網頁看起來更美觀。下面是一個簡單的 HTML 對聯代碼:
<div style="width: 500px; text-align: center;"> <div style="float: left; width: 50%;"> <p>左邊的文本塊</p> </div> <div style="float: right; width: 50%;"> <p>右邊的文本塊</p> </div> </div>
這段代碼的關鍵在于兩個 div 標簽,它們分別用于包含左邊和右邊的文本塊。在這兩個標簽內部,使用了 float 屬性將它們左右排列。同時,使用了一個父 div 標簽將兩個文本塊居中對齊。
需要注意的是,文本塊的寬度不需要占滿整個頁面,所以父 div 標簽的寬度應該根據實際情況進行調整。
HTML 對聯是制作網頁時常用的一種技術。掌握這種技術可以讓你在網頁設計中更加自如地控制布局和排版。