在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值為百分比的時候，參照的是父元素的寬度。 比如：父元素寬度是100px, 子元素padding-top:50%，那么padding-top的實際值就是100*50%=50px ...

HTML 里的元素分為替換元素（replaced element）和非替換元素（non-replaced element）。- 替換元素是指用作為其他內容占位符的一個元素。最典型的就是img，它只是指 ...

在一些頁面的底部如果有fixed的元素會遮擋一部分內容，而直接設置margin-bottom或padding-bottom在某些情況下會失效。 解決方法: 1.用帶有高度空標簽支撐高度。 2.由於body添加了這個屬性 -webkit-overflow-scrolling: touch 可能引起 ...

需求： 一張圖片寬度要求在不同分辨率的屏幕下都能達到100%滿屏的寬度，圖片不能變形。 <div class="img"> src="1.jpg" alt="測試圖片"/></div> 第一反應是，根據圖片的寬高比設置圖片的高度，如：圖片是1920 ...

減去100px的寬度 　　高度為頁面整體高度減去100px的高度 ...

image設定寬度，高度自適應 保持原圖寬高比不變 在圖片組件上添加屬性 mode="widthFix"<image mode="widthFix"> image { width: 100%;} mode = "aspectFit"可以保持縱橫比縮放圖片，使圖片的長邊能完全 ...

曾經學過的教程中寫明：行內元素的特點有： 1、與其他元素在同一行 2、寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)不可設置 ...

vue頁面a-model模型： 在控制台對a-model進行修改樣式，出現以下代碼 一般都會在ant-model-body上進行操作，但是結果不隨願 那是因為，在 a-modal上設置class改變高度，或者直接使用.ant-modal-content。 要注意 ...