IT貓撲網(wǎng):您身邊最放心的安全下載站! 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置: 首頁網(wǎng)絡(luò)編程網(wǎng)頁設(shè)計(jì) → 網(wǎng)頁中防止表格被撐破的方法總結(jié)

網(wǎng)頁中防止表格被撐破的方法總結(jié)

時(shí)間:2015-06-28 00:00:00 來源:IT貓撲網(wǎng) 作者:網(wǎng)管聯(lián)盟 我要評(píng)論(0)

網(wǎng)頁制作中,防止表格被撐破的總結(jié)的4種方法,希望對(duì)大家有用!

一、使用直接固定圖片的大小。

這種方法不會(huì)引起頁面顯示的錯(cuò)亂,但是顯示的圖片經(jīng)常是變形了的。

最不推薦了。

二、使用

這種方法會(huì)在調(diào)用圖片的時(shí)候,會(huì)自動(dòng)按比例縮小到指定的寬度,不會(huì)引起圖片的變形,并且也不會(huì)撐破表格,因此就不會(huì)引起頁面顯示的錯(cuò)亂。

但也有一個(gè)缺點(diǎn),如果圖片太大,在顯示圖片過程(下載過程)中,還是會(huì)先以圖片原大小顯示,這時(shí)就會(huì)撐破表格,頁面很難看。當(dāng)然,當(dāng)圖片完全顯示之后會(huì)自動(dòng)縮小的。

三、為了防止圖片撐破表格,在上述基礎(chǔ)上,對(duì)表格進(jìn)行限制:

在表格的標(biāo)簽

中加入一些限制代碼,
就可以有效地防止表格被撐開了。

四、更進(jìn)一步,用鼠標(biāo)滾輪可以縮小放大圖片的代碼:

使用方法如下:

也可以用樣式:

img {
max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width)
}

關(guān)鍵詞標(biāo)簽:總結(jié),方法,表格,防止,

相關(guān)閱讀

文章評(píng)論
發(fā)表評(píng)論

熱門文章 網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題 網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題 網(wǎng)頁設(shè)計(jì)中常用的19個(gè)Web安全字體 網(wǎng)頁設(shè)計(jì)中常用的19個(gè)Web安全字體 關(guān)于iframe內(nèi)頁高度自適應(yīng) 關(guān)于iframe內(nèi)頁高度自適應(yīng) 良好用戶體驗(yàn)應(yīng)避開15種情況 良好用戶體驗(yàn)應(yīng)避開15種情況

相關(guān)下載

人氣排行 log4j之配置文件加載過程分析-properties文件和xml文件 提高網(wǎng)頁打開速度的一些小技巧 網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題 關(guān)于iframe內(nèi)頁高度自適應(yīng) 網(wǎng)頁設(shè)計(jì)中常用的19個(gè)Web安全字體 網(wǎng)頁設(shè)計(jì)中的各種分辨率下的標(biāo)準(zhǔn)尺寸 網(wǎng)頁設(shè)計(jì)常用Javascript經(jīng)典代碼 手把手教你制作Google Sitemap

<dfn id="erj7z"><ruby id="erj7z"><dl id="erj7z"></dl></ruby></dfn>
<span id="erj7z"><source id="erj7z"></source></span>