CSS值復(fù)制問(wèn)題怎么解決

這篇文章主要介紹了CSS值復(fù)制問(wèn)題怎么解決的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇CSS值復(fù)制問(wèn)題怎么解決文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

如何使用值復(fù)制。

偶然，我們會(huì)輸入一些幾回再三的值：

p {margin: 0.5em 1em 0.5em 1em;}

經(jīng)過(guò)值復(fù)制，您大約無(wú)庸重復(fù)地鍵入這對(duì)數(shù)字。上面的規(guī)則與下面的劃定是等價(jià)的：

p {margin: 0.5em 1em;}

這兩個(gè)值可以包攬后面 4 個(gè)值。這是若何做到的呢？CSS 定義了一些規(guī)則，允許為外邊距指定少于 4 個(gè)值。規(guī)定下列：

• 如果短少左外邊距的值，則使用右外邊距的值。

• 如果缺少下外邊距的值，則使用上外邊距的值。

• 如果缺少右外邊距的值，則使用上外邊距的值。

下圖提供了更直觀的方法來(lái)體會(huì)這一點(diǎn)：

換句話說(shuō)，如果為外邊距指定了 3 個(gè)值，則第 4 個(gè)值（即左外邊距）會(huì)從第 2 個(gè)值（右外邊距）復(fù)制取得。如果給定了兩個(gè)值，第 4 個(gè)值會(huì)從第 2 個(gè)值復(fù)制得到，第 3 個(gè)值（下外邊距）會(huì)從第 1 個(gè)值（上外邊距）復(fù)制得到。收尾一個(gè)狀況，如果只給定一個(gè)值，那么其他 3 個(gè)外邊距都由這個(gè)值（上外邊距）復(fù)制取得。

操作這個(gè)簡(jiǎn)單的機(jī)制，您只有指定重要的值，而不必全數(shù)都應(yīng)用 4 個(gè)值，譬如：

h2 {margin: 0.25em 1em 0.5em;}	/* 等價(jià)于 0.25em 1em 0.5em 1em */
h3 {margin: 0.5em 1em;}		/* 等價(jià)于 0.5em 1em 0.5em 1em */
p {margin: 1px;}			/* 等價(jià)于 1px 1px 1px 1px */

這種門(mén)徑有一個(gè)小時(shí)弊，您收尾必定會(huì)遇到這個(gè)題目。如果盼愿把 p 元素的上外邊距與左外邊距設(shè)置裝備擺設(shè)為 20 像素，下外邊距和右外邊距設(shè)置裝備擺設(shè)為 30 像素。在這類環(huán)境下，必需寫(xiě)作：

p {margin: 20px 30px 30px 20px;}

這樣伎倆失去您想要的事實(shí)。痛惜的是，在這種環(huán)境下，所需值的個(gè)數(shù)不有法子更少了。

再來(lái)看另一個(gè)例子。如果指望除了左外邊距以外所有其他外邊距但凡 auto（左外邊距是 20px）：

p {margin: auto auto auto 20px;}

同樣的，這樣技巧失掉你想要的成績(jī)。標(biāo)題在于，鍵入這些 auto 有些麻煩。如果您只是渴望管教元素單邊上的外邊距，請(qǐng)使用單邊外邊距屬性。

關(guān)于“CSS值復(fù)制問(wèn)題怎么解決”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“CSS值復(fù)制問(wèn)題怎么解決”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。