如何消除邊框內小部件周圍的填充?
P粉187160883
P粉187160883 2023-09-07 12:54:25
0
1
536

第一張圖片是我所擁有的,第二張圖片是我想要完成的結果。

到目前為止,我意識到禁用兩個刻度(上圖中)可以解決問題,但是如何編寫 css 程式碼?

這是我目前用來根據自己的喜好調整小工具的程式碼。

span[data-pin-log="pinterest"] { overflow: scroll; overflow-x: hidden; } span[data-pin-log="embed_grid"]::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* Optional: show position indicator in red */ span[data-pin-log="embed_grid"]::-webkit-scrollbar-thumb { background: #FF0000; } #pinterest [class$=_button] { display: none !important; } #pinterest [class$=_button] { display: none !important; } #pinterest [class$=_hd] { display: none !important; } body > span[data-pin-log="embed_grid"] { border: none; }
 

如果有幫助的話,這個小部件就在這裡。

我對 CSS 的了解非常有限,因此我非常感謝您的幫助。預先感謝您:))

P粉187160883
P粉187160883

全部回覆 (1)
P粉665427988

按照我的CSS程式碼:

/* Remove scrollbar */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"] { overflow: scroll; overflow-x: hidden; } body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"]::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ } /* Remove border */ body > span[data-pin-log="embed_grid"] { border: none; padding: 0 !important; } /* Remove padding */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"] { padding: 0; } /* Hide header (pinterest logo) */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"]:first-child { display: none; } /* Hide follow button */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_user_ft"]:last-child { display: none; }

Codepen 上的完整範例

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!