色婷婷大香蕉,久久久91人妻无蜜桃码,香蕉视频伊人,午夜三级免费福利影院,色黄在线观看,免费一级A片120分钟,日本免费成人撸一区二区三区 ,男人天堂网av

作者 |?Desiré

譯者 |?蘇本如，責編 | 郭芮

出品 | CSDN（ID：CSDNnews）

以下為譯文：

各位網(wǎng)友，大家好！?

今天，我想在這里和大家分享一些我很晚時候才知道的一些CSS屬性，在此之前，沒有人告訴我這些屬性的存在。

也許你們和我不一樣，已經(jīng)了解了這些屬性。

閑話少說，讓我們進入正題吧：?

禁用用戶選中一個元素（element）的文

使用屬性user-select，并且將它的值設(shè)置為none，我們可以將一個元素的文本設(shè)置為不能被用戶選中。

element {  -webkit-user-select: none; /* Safari */  -ms-user-select: none; /* IE 10+ and Edge */  user-select: none; /* Standard syntax */}

當你不想一個元素的原始內(nèi)容被復制時，可以使用這個屬性。

更改選中文本的背景顏色

使用選擇器::selection，可以更改選中文本的背景顏色：

::selection {  color: #ececec;  background: #222831;}

當你使用這個屬性時，注意使用良好的顏色對比度組合。

在不使用br的情況下將文本換行

使用屬性white-space，并將它的值設(shè)置為pre-wrap或pre-line：

element {  white-space: pre-wrap; /*pre-wrap*/  white-space: pre-line; /*pre-line*/}

設(shè)置字與字之間的間距

這對你來說可能有點簡單。但是直到我搜索這個需求時，我才知道有這個設(shè)置。

你可以使用word-spacing這個屬性來設(shè)置文本中詞與詞之間的間隔。

element {  word-spacing: 6px; /* word spacing wow such */}

在瀏覽器中隱藏難看的滾動條

我以前甚至不知道這是可以做到的。

要實現(xiàn)這個目的，你必須為不同的瀏覽器，準備不同的代碼：

/* Hide scrollbar for Chrome, Safari, and Opera */html::-webkit-scrollbar {  display: none;}
/* Hide scrollbar for IE and Edge */html {  -ms-overflow-style: none;}

如果你禁用了滾動條，那么你需要確保提供上/下按鈕和其他方便的導航選項。請注意，F(xiàn)irefox停止了對滾動條隱藏問題的支持，以上代碼似乎是一個技巧，可以執(zhí)行與我包含的其他代碼相同的功能。

原文：https://dev.to/helleworld_/5-css-useful-properties-i-ignored-2930

本文為 CSDN 翻譯，轉(zhuǎn)載請注明來源出處。

1. JavaScript 重溫系列（22篇全）

2. ECMAScript 重溫系列（10篇全）

3. JavaScript設(shè)計模式重溫系列（9篇全）

4.?正則 / 框架 / 算法等重溫系列（16篇全）

5.?Webpack4 入門（上）||?Webpack4 入門（下）

6.?MobX 入門（上）?||??MobX 入門（下）

7. 80+篇原創(chuàng)系列匯總

回復“加群”與大佬們一起交流學習~

點擊“閱讀原文”查看 80+ 篇原創(chuàng)文章

【CSS】753- 5個容易忽視的 CSS 屬性