元素顯示的模式控制

2021-10-03 01:10:46 字數 275 閱讀 9878

ul>li 

ul>li:hover

這裡的display: inline-block;需要解釋一下,如果屬性值為none則隱藏,如果屬性值為inline,則變為行內元素,相當於span標籤,這時指定寬和高是不起作用的,如果指定為inline-block,則也為行內元素,但有塊級元素的特徵,可以指定寬和高。另外,如果用visibility:none控制可見性,它的作用類似於把透明度設為0,就是元素的位置仍然保留,而display:none不會保留元素位置

元素的顯示模式

1.獨佔一行 2.可以設定width height 3.預設width是父級元素寬度的100 4.塊級元素裡可以放塊級元素和行內元素 文字類的標籤內不能使用塊元素,主要用於存放文字,因此標籤不能放塊級元素。1.一行可以顯示多個 2.width height設定無效 3.width預設內容的寬度 4....

元素顯示模式

權重 id的權重是100。類的權重是10。標籤的權重是1。樣式最後使用 元素顯示模式 塊元素 常見的塊元素有,行內元素 常見的行內元素有,1.一行顯示多個 2.設定width,height無效 3.預設的寬高是內容的寬高 鏈結裡不能再放鏈結,特殊情況鏈結裡可以放塊級元素,但是給轉換一下塊級模式最安全...

vue控制元素顯示隱藏 Vue控制元素的顯示和隱藏

本篇文章我們通過vue的標籤來控制指定元素的因此與顯示,直接來看相關的實現 data isshow true 通過 我們可以看到div元素上使用了vue的v if標籤,該標籤表示,當isshow的值為true時才顯示該div元素,否則則不顯示。此時,我們可以通過控制台將isshow屬性值改為fals...