• 您的位置：創(chuàng)新互聯(lián) >> 網(wǎng)站建設(shè) >> 網(wǎng)絡(luò)建設(shè)基礎(chǔ)知識 >> css中的table-layoutfixed

css中的table-layoutfixed

• 作者：曾小姐 文章來源：成都網(wǎng)站建設(shè) 點(diǎn)擊數(shù)：879 更新時間：2011-12-15
• 　　當(dāng)你準(zhǔn)備全面進(jìn)軍web標(biāo)準(zhǔn)時，有時候你是不是被表格的弄得焦頭爛額呢？比如，原來使用“非法”的nobr現(xiàn)在要用什么來代替呢？
  　　今天，就讓創(chuàng)新互聯(lián)網(wǎng)站建設(shè)的小編來給大家一個終極解決方案。
  　　或許你已經(jīng)Google推廣到white-space：nowrap可以實(shí)現(xiàn)nobr，不錯，但關(guān)鍵還有一個，那就是table-layout.table-layout有兩個值可以設(shè)定，預(yù)設(shè)的是auto.auto：默認(rèn)的自動算法。布局將基于各單元格的內(nèi)容。表格在每一單元格讀取計(jì)算之后才會顯示出來。速度很慢。
  　　fixed：固定布局的算法。在這算法中，水平布局是僅僅基于表格的寬度，表格邊框的寬度，單元格間距，列的寬度，而和表格內(nèi)容無關(guān)。
  　　為了讓表格布局固定住，我們需要table-layout：fixed.假設(shè)沒有fixed，把你的分辨率減小到一定程度，你會發(fā)現(xiàn)white-space：nowrap是不會生效的。
  
  　　技巧：為了使表格能夠適應(yīng)液態(tài)布局（liquidlayout，即可伸縮性），不建議你為表格設(shè)置絕對寬度，使用相對寬度如百分比是不錯的選擇。另外，把寬度相對固定的內(nèi)容（比如時間格式）格設(shè)置絕對寬度，非固定的內(nèi)容格不設(shè)置任何寬度，只需給予其設(shè)置white-space：nowrap，雖然在小分辨率的情況下會溢出，但依據(jù)某些觀點(diǎn)看來，這比折行更美觀。
  　　當(dāng)然小編的觀點(diǎn)不是這樣，如果是屬于小編自己能控制的東西，小編是不會要white-space：nowrap的，讓用戶能夠清晰地看到內(nèi)容，小編認(rèn)為比美觀更重要。
  　　以上皆為小編個人意見，如有不當(dāng)之處，還請諒解！成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)竭誠為您服務(wù)，包括域名注冊，虛擬主機(jī)綁定，網(wǎng)站備案，后期維護(hù)等等，歡迎您咨詢了解！
• 上一篇文章：Marquee為什么不符合WEB標(biāo)準(zhǔn)？
  下一篇文章：提取頁面用到的CSS樣式之雛形想法