CSS是網(wǎng)頁設(shè)計(jì)非常重要的一部分，而在使用CSS時(shí)，我們經(jīng)常會(huì)遇到一些常見問題，比如字體大小問題、盒模型問題等等。但是，今天我們要說的是關(guān)于CSS字段太長變成點(diǎn)點(diǎn)的問題。

.grid-container {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(4, 1fr);
}

上面的代碼是一個(gè)CSS的布局，我們可以看到在屬性后面跟著的值非常長，而當(dāng)我們?cè)诖a中添加注釋或者一些其他的信息時(shí)，這個(gè)屬性值可能就會(huì)超出屏幕寬度，導(dǎo)致顯示出現(xiàn)省略號(hào)。這對(duì)于我們來說是非常不方便的，因?yàn)槲覀冃枰淮未蔚娜ゲ榭赐暾拇a。

那么有沒有什么辦法可以解決這個(gè)問題呢？答案是肯定的！我們可以在CSS屬性后面添加一個(gè)反斜線，這樣CSS就知道我們還要繼續(xù)輸入代碼。

.grid-container {
grid-template-columns: repeat(12, 1fr) /\
/*分割線*/ 10px\
20px\
30px\
40px;
grid-template-rows: repeat(4, 1fr);
}

這樣做可以讓我們的CSS屬性值更加清晰易讀，讓我們?cè)诰庉嫶a時(shí)更加方便。

總之，我們應(yīng)該將這個(gè)方法記在心里，以便在需要時(shí)能夠快速解決問題。