A-A+
WordPress通过主题模板的style.css控制图片的位置显示方式
在WordPress中共有4个样式控制图片的显示方式:aligncenter、alignnone、alignright、alignleft,在主题模板的style.css中加入如下样式函数即可控制图片的位置显示方式。
如果在WordPress中编辑文章时没有设置图片的位置显示方式,默认的是alignnone。如果想更改所有文档中图片的默认显示方式,只需在style.css中更改alignnone样式函数即可。
img.centered {
display: block;
margin: 0 auto 10px;
}
img.alignnone {
margin: 0 0 10px 0;
display: inline;
}
img.alignright {
_position: relative;/** IE6 **/
margin: 0 0 10px 10px;
display: inline;
}
img.alignleft {
_position: relative;/** IE6 **/
margin: 0 10px 10px 0;
display: inline;
}
.aligncenter {
display: block;
margin: 0 auto 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 0 10px 10px 0;
}