块级元素是指在HTML文档中以块的形式呈现,并且会自动占据父元素的全部空间。而一般的文字或其他内联元素则没有这个特性。
因此,img标签是一个很实用的块级元素。通过CSS,大家可以很容易地控制图片的样式和位置,实现更加美观的页面布局。
img { display: block; margin: 0 auto; border: 1px solid #999; width: 80%; height: auto; }
以上代码将img标签的display属性值设为”block”,使其成为块级元素。接着,设置了图片的居中对齐、边框、宽度和高度等样式。
需要注意的是,因为img标签是块级元素,所以在页面中使用时需要特别注意其与其他元素的位置关系。需要根据具体场景进行布局设计,以保证图片正常显示。