CSS中,我們經常使用偽元素:before和:after來美化頁面的樣式。但有時候在應用:after時發(fā)現該部分并不顯示。
這種情況,通常是由于CSS樣式對該元素的寬度或高度沒有進行設定而導致的。當然,還有可能是其他CSS樣式的影響。為了解決這個問題,我們需要對樣式進行一些必要的修改。
/*不顯示的after*/ div:after{ content: " "; display: block; }
解決方法如下:
/*解決不顯示的after*/ div:after{ content: " "; display: block; height: 0; width: 0; visibility: hidden; }
通過對樣式進行如上修改,我們就能解決部分元素不顯示after的問題。但要注意,對于不同的情況,修改的方法也有所差異。