歡迎大家在這裡學習div css長鏈接換行!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!
阻止長鏈接溢出父元素
CSS Code復制內容到剪貼板
a {
word-wrap: break-word;
}
用媒體查詢檢測Retina顯示屏
可以用下面的媒體查詢檢測Retina顯示屏
CSS Code復制內容到剪貼板
@media
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina CSS */
}
過濾
除了IE,filter屬性被廣泛的支持,但可能會被Spartan支持。在接下來的幾十年,它會是一個大事件。
CSS Code復制內容到剪貼板
.blur {
filter: blur(30px);
}
Chrome 31+, Firefox 35+, Safari 7+, Opera 27+, iOS Safari 7.1+ and Android Browser 4.4+等支持該屬性
用省略號縮短文本
可以在一個元素中用省略號來縮短長文本
CSS Code復制內容到剪貼板
.whatever {
overflow: hidden;
text-overflow: ellipsis;
}
讓一個空元素服從寬度
有時你需要一個空元素去遵循它的寬度屬性,可以這樣做:
CSS Code復制內容到剪貼板
.whatever {
min-height: 1px;
}
@supports
@supports查詢和@media查詢類似,若浏覽器支持,則給定的CSS將會顯示。目前,IE和Safari不支持該屬性,但不久後就會改變。Spartan承諾支持該屬性,值得期待
CSS Code復制內容到剪貼板
@supports (display: flex) {
/* flexbox CSS */
}
@supports not (display: flex) {
/* CSS for no flexbox */
}
Chrome 31+, Firefox 31+, Opera 27+ and Android Browser 4.4+等支持該屬性。
好了,div css長鏈接換行內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦:
CSS中的背景部分編程介紹