在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 第十章 表格布局原理
第四十一章 定位實例(二)
第十四章 從 div 扯開去
第四十三章 定位實例(四)
第四十五章 無聊的寫個小游戲吧
第十七章 導(dǎo)航條(二)
第十三章 神一樣的 CSS
第二十三章 導(dǎo)航條(八)
第四十章 定位實例(一)
第五十九章 見證奇跡
第三十五章 隨便聊聊
第十九章 導(dǎo)航條(四)
第四十四章 定位實例(五)
第三十六章 定位(一)
第三十九章 坐標(biāo)系
第三十四章 一些補遺
第五十八章 各就各位,預(yù)備~~
第二十七章 首屏大海報(一)
第二十六章 CSS 書寫規(guī)范
第十一章 一起寫個百度
第三章 幾個小故事
第七章 認識鏈接
前言
第五十五章 苛刻至極!
第三十三章 一個頁尾
第二十二章 導(dǎo)航條(七)
第四十七章 JavaScript Start
第五十章 最簡單的邏輯判斷
第五十三章 一百遍啊一百遍!
第四章 做點準(zhǔn)備工作
第一章 開場小談
第六章 開始寫點東西
第五十六章 一套工具
第四十二章 定位實例(三)
第五十二章 愛妃,朕還宣你!
第二十五章 導(dǎo)航條(十)
第五章 一個模板
第二章 扯扯學(xué)習(xí)方法
第十八章 導(dǎo)航條(三)
第四十六章 響應(yīng)式
第四十八章 變量
第十六章 導(dǎo)航條(一)
第三十八章 定位(三)
第二十九章 首屏大海報(三)
第四十九章 運算符
第九章 來吧,表哥(表格)!
第三十一章 還是海報
第十章 表格布局原理
第三十章 首屏大海報(四)
第十二章 相對地址
第二十章 導(dǎo)航條(五)
第五十七章 助理!麻煩過來一下~
第三十二章 一些格子
第五十一章 朕宣你!
第五十四章 一萬遍啊一萬遍!
第二十八章 首屏大海報(二)
第十五章 開始征途
第三十七章 定位(二)
第六十章 開始玩玩
第二十一章 導(dǎo)航條(六)
第八章 半個標(biāo)簽
第二十四章 導(dǎo)航條(九)

第十章 表格布局原理

如果本章演示效果無法正常展示,請至主站查看 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