在 CSS 中，我們可以使用一些特定的屬性來調(diào)整圖片與其他元素之間的距離。這些屬性包括 margin、padding 和 display 等等。在以下的代碼示例中，我們將會(huì)具體地介紹這些屬性的用法。 首先，我們需要明確一些概念。在本文中，我們將圖片元素稱為 img。此外，我們將從以下的代碼示例中演示一些圖片元素與其他元素（例如段落、容器、標(biāo)題等）之間的距離調(diào)整方法。 1、利用 margin 屬性 margin 屬性可以用來調(diào)整 img 元素的外邊距。該屬性有四個(gè)值，分別表示 img 元素的上、右、下、左四個(gè)方向的外邊距大小。例如：

img {
margin: 20px 0px 20px 0px;
}

上面的代碼表示，在 img 元素的上下方向，外邊距為 20px，在 img 元素的左右方向，外邊距為 0px。因?yàn)檫@里的上下方向和左右方向是成對(duì)出現(xiàn)的，所以 margin 屬性通常也可以用以下的方式縮寫：

img {
margin: 20px 0px;
}

上面的代碼和之前的代碼等價(jià)。 2、利用 padding 屬性 padding 屬性可以用來調(diào)整容器元素（例如 div）與 img 元素之間的距離，從而間接調(diào)整 img 元素的內(nèi)邊距。例如：

div {
padding: 20px;
}
img {
display: block;
}

上面的代碼表示，在一個(gè) div 容器中，所有的內(nèi)邊距都為 20px。由于我們通過 display 屬性將 img 元素變成了塊級(jí)元素，所以 img 元素會(huì)和其它塊級(jí)元素一樣，在 div 中占據(jù)整個(gè)寬度。因此，此時(shí) img 元素的左右內(nèi)邊距都會(huì)受到 div 的 padding 影響。 3、利用 display 屬性 display 屬性可以用來改變 img 元素的表現(xiàn)方式，從而調(diào)整它們與其他元素之間的距離。常用的 display 屬性值包括： - block：將 img 元素變成塊級(jí)元素，讓它占據(jù)整個(gè)寬度。 - inline：讓 img 元素以行內(nèi)元素的形式出現(xiàn)，讓它與其他行內(nèi)元素在同一行內(nèi)。 - inline-block：將 img 元素變成行內(nèi)塊級(jí)元素，既可以與其他行內(nèi)元素在同一行內(nèi)，又可以通過 margin 和 padding 屬性控制其外觀。 例如：

img {
display: inline-block;
margin: 20px;
}

上面的代碼表示，將 img 元素變成行內(nèi)塊級(jí)元素，之后在它的四個(gè)方向設(shè)置外邊距為 20px。 總結(jié)： 通過以上的介紹，我們可以得出以下的結(jié)論： - 在 css 中，可以通過 margin 屬性調(diào)整 img 元素的外邊距。 - 在 css 中，可以通過 padding 屬性調(diào)整容器元素與 img 元素之間的距離。 - 在 css 中，可以通過 display 屬性改變 img 元素的表現(xiàn)方式，從而調(diào)整它們與其他元素之間的距離。