如何消除邊框內小部件周圍的填充？-PHP中文網路問答

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

到目前為止，我意識到禁用兩個刻度（上圖中）可以解決問題，但是如何編寫 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;
}

<a data-pin-do="embedBoard" data-pin-board-width="350" data-pin-scale-height="500" data-pin-scale-width="130" href="https://www.pinterest.co.uk/toastedmacarons/rich-boys-city-girls/"></a>
<script async defer src="https://assets.pinterest.com/js/pinit.js"></script>

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

我對 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; }