摘要:雜項補充雜項補充一塊與內聯一塊與內聯塊塊獨行顯示支持寬高,寬度默認適應父級,高度默認由子級或內容撐開設置寬高后,采用設置的寬高內聯內聯同行顯示不支持寬高上下無效果,左右會起作用,不會影響它的高度,背景會影響。
指定內容溢出元素的框,會發生什么。
值 | 描述 |
---|---|
visible | 默認值 |
hidden | 內容被修剪,超出內容不可見 |
scroll | 內容被修剪,滾動條顯示 |
auto | 如果內容超出,便修剪,滾動條顯示 |
inherit | 從父元素繼承 |
盒子之間會相互影響,可以設置隱藏
background-color: transparent;
盒子還在,內容或子級標簽會被顯示,例如盒子中有文本,盒子被隱藏,文本會被顯示
opacity: 0;
值:0~1
盒子真正意義上透明,但盒子區域占位還在
display:none;
將盒子從文檔中移除,盒子的區域占位消失,當盒子重新獲得顯示時,該盒子依舊從消失位置顯示。
html:
css:
.bd {
width: 100px;
height: 100px;
background-color: transparent;
}
.bd {
/*border: 50px solid orange;*/
border-top: 50px solid orange;
/*border-right: 50px solid cyan;*/
/*border-bottom: 50px solid yellow;*/
/*border-left: 50px solid blue;*/
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}
通過設置邊框實現
.bd {
width: 0;
height: 0;
}
.bd {
border-top: 50px solid orange;
border-right: 50px solid cyan;
border-bottom: 50px solid yellow;
border-left: 50px solid blue;
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/1752.html
摘要:系列專欄博主結合工作實踐輸出的,解決實際問題的專欄,朋友們看過來開發實戰嵌入式通用開發實戰嵌入式開發實戰 【系列專欄】:博主結合工作實踐輸出的,解決實際問題的專欄,朋友們看過來! 《QT開發實戰》 《嵌入式通用開發實戰》 《嵌入式Linux開發實戰
摘要:安裝使用全稱,是編程語言開發的集成環境。同時該軟件也支持多系統或者也完全支持該軟件的使用筆者使用同時兩版軟件都支持安裝版和解壓版的使用。 IntelliJ IDEA 安裝使用 IDEA 全稱 IntelliJ IDEA,是java編程語言開發的集成環境。相信玩Java的猿們都不會錯過的一款IDE,不過話是這樣說,我自己也是從Eclipse神器轉到Idea上來的,因此偏愛哪款IDE完全憑...
閱讀 734·2023-04-25 20:32
閱讀 2302·2021-11-24 10:27
閱讀 4539·2021-09-29 09:47
閱讀 2255·2021-09-28 09:36
閱讀 3657·2021-09-22 15:27
閱讀 2776·2019-08-30 15:54
閱讀 384·2019-08-30 11:06
閱讀 1281·2019-08-30 10:58