Posted on | by liu
在网页设计中，大家经常需要在页面中居中显示图片和链接。这里采用CSS来控制页面元素的布局，使其水平与垂直居中。
要在页面中居中显示图片，大家可以在CSS中将图片的display属性设置为block，然后设置左右外边距为auto即可。
img {
display: block;
margin-left: auto;
margin-right: auto;
}对于链接，大家可以将链接的display属性设置为inline-block，然后设置vertical-align属性为middle将其垂直居中。再设置左右外边距为auto使其水平居中。
a {
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}当需要在一段文字中居中显示链接时，大家可以将链接包裹在一个span标签中，并为该span标签设置class属性。然后，在CSS中设置该class的display属性为inline，使其成为行内元素，再采用上述方法进行水平和垂直居中。
链接.center-link {
display: inline;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}总之，使用CSS可以轻松实现图片和链接的居中显示，优化页面布局，提升用户体验。