CSS中的图片下方3px指的是图片与其下方元素(文字、边框等)之间的间距,这个间距可以通过CSS样式进行调整。下面给出一些代码示例。
/* 给图片设置下边距为3px */ img{ margin-bottom: 3px; } /* 给下方元素设置上边距为3px */ p{ margin-top: 3px; } /* 给图片和下方元素之间的间距设置为3px */ img + p{ margin-top: 3px; }
需要注意的是,如果图片是一个内联元素,那么它的下方间距将由其行高(line-height)来决定,这时候需要同时调整图片的行高和下方元素的行高,以保证整个布局的美观。
/* 设置图片的行高和下方元素的行高为18px */ img{ height: 18px; line-height: 18px; } p{ line-height: 18px; }