如果本章演示效果無法正常展示,請至主站查看 http://coffee.zji.me/
這個吧,其實真的沒有很復(fù)雜的道理,就是每個單元里放上相應(yīng)的內(nèi)容,靠表格控制著他規(guī)規(guī)矩矩的呆著。當(dāng)然了,沒東西的地方就不填寫了,于是就留出了空白。
現(xiàn)在很少有人用表格去布局了,除了淘寶之類的特殊情況,或者……這家伙不會 CSS。因為表格不靈活,修改起來也十分的麻煩啊~在這里簡單講講做個了解。
比如我現(xiàn)在有兩張圖片,想讓他們排在一行,然后相互距離 100 像素怎么辦呢?我們就做一個一行三列的表格,第一個單元格和第三個單元格分別放一張圖片,而第二個單元格留空,設(shè)置寬度為 100px。代碼如下:
<table>
<tr>
<td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
<td width="100"></td>
<td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
</tr>
</table>
來看看效果:
![]() |
![]() |
那么我們只是想讓一張圖片距離左側(cè) 300px 呢?
<table>
<tr>
<td width="300"></td>
<td><img src="http://coffee.zji.me/imgs/bridge.jpg" width="300" /></td>
</tr>
</table>
效果如下:
![]() |
所以這個東西其實很好理解,設(shè)置合適的單元格尺寸,來撐開布局而已,你用 Excel 也可以玩。然后到了布局復(fù)雜的不行了,大家又發(fā)明了表格的嵌套,就是把一個表格放到另一個表格的單元格里,亂的讓人想吐……不多說,只做了解。下一章我們學(xué)習(xí)一個重點的內(nèi)容哦——表單。
本章學(xué)習(xí)卡片:卡片 10
本書是收費的,不過交費憑自覺。價格定義為每人請我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號:
alay9999@163.com (劉源)
為了讓大家閱讀方便,本書將在如下站點發(fā)布,但最終內(nèi)容以主站為準(zhǔn):
未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系: dms@zji.me