當td為空時怎樣顯示其邊框

2021-04-24 06:08:53 字數 1061 閱讀 7091

之前總結了下如何用 css 來實現 table 的 border + bordercolordark + bordercolorlight 的邊框明暗效果,然後有網友問我為什麼他寫了乙個類似的 css 樣式,但只能在 opera 下正常看到**的邊框效果, ie 下則什麼也沒有。

下了個 opera9 一看,確實如此。原因倒也不複雜:因為在 ie 下( firefox 似乎和 ie 一致)如果某個 td 的內容為空的話,即便你設定了高度和寬度,這個 cell 的邊框樣式也是不會被顯示出來的; opera 則不管是否有內容與否,一概應用樣式來渲染。這個問題剛畢業那會就碰到了,當時部門的科長來問我,後來我跟他說:給每個空的 td 加上   就行了。以後每次碰到這個問題,我就統統採用這個簡單粗暴有效的方式來解決了。

但今天卯足了勁研究了幾下,從 jiarry 那知道原來 css 語法是允許我們對這些預設行為進行改變的:使用 border-collapse:collapse;

和 empty-cells:show;

就可以讓消失的邊框顯現出來。

class="test1": 加 border-collapse:collapse;

.test1

.test1 td

class1 

這兒有內容

這兒有內容

class="test2": 加 border-collapse:collapse; 和 empty-cells:show;

.test2

.test2 td

class2 

這兒有內容

這兒有內容

class="test3": 不加 border-collapse:collapse; 和 empty-cells:show; 的情況下

.test3

.test3 td

class3 

這兒有內容

這兒有內容

「空」的藝術 當資料為空時顯示什麼

第一次寫使用者體驗方面的博文,好雞凍好緊張.一 前言 頁面內容為空時,我們把它稱為 空狀態 也就是對前端來說沒有資料的時候。這時候你要是說空即是色那就太把使用者當傻子了.於是乎,你就看到了這樣的設計 二 目的與價值 1.引導使用者,不會搞得使用者雲裡霧裡,然後直接棄了此應用 2.告知使用者本頁面 區...

Oracle 當輸入引數允許為空時

場景 有乙個儲存過程p test 帶有多個輸入引數code name number p test code in varchar2,namein varchar2,number in varchar2,resultlist out sys refcursor 但是業務上要求這三個引數都允許為空,也就...

Oracle 當輸入引數允許為空時

場景 有乙個儲存過程p test 帶有多個輸入引數code name number p test code in varchar2,namein varchar2,number in varchar2,resultlist out sys refcursor 但是業務上要求這三個引數都允許為空,也就...