CSS是一門用于美化網頁布局的語言，它可以讓網頁看上去更加漂亮和有吸引力。其中排放圖片就是CSS中很常見的一種用法，下面將介紹四張圖片的排放實現方法。

/* 排放圖片方法一：background-image */
p.first {
background-image: url("image1.jpg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

以上代碼使用了background-image屬性，指定所使用的圖片，在background-size屬性中設置圖片的大小為contain，這樣不會超出p標簽邊框，然后使用background-repeat屬性設置為不重復，并使圖片居中顯示。

/* 排放圖片方法二：直接設置圖片 */
p.second img {
width: 100%;
display: block;
margin: 0 auto;
}

可以看到，使用方法二只需將圖片放入p標簽中即可，使用CSS設置圖片寬度為100%，使其充滿整個p標簽，并使用margin屬性使其水平居中。

/* 排放圖片方法三：float屬性 */
p.third img {
float: left;
margin-right: 20px;
}

方法三中使用了float屬性，使圖片浮動在p標簽內，再使用margin-right屬性讓圖片與p標簽中的文字產生一定距離。如果有多張圖片需要排列，則float屬性還可以使用left或right值來控制其浮動方向。

/* 排放圖片方法四：flexbox布局 */
p.fourth {
display: flex;
justify-content: center;
}
p.fourth img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}

最后，使用CSS3中的flexbox布局來排放圖片，設置p標簽為flex布局，并使用justify-content屬性將圖片居中。同時，可以使用max-width和max-height屬性來控制圖片大小，然后使用object-fit屬性使其保持等比例縮放，并充滿整個p標簽。