网页设计

网页设计

img标签水平居中、居左、居右方法

网络weilai5188 发表了文章 • 0 个评论 • 389 次浏览 • 2020-02-11 21:52 • 来自相关话题

网上的方法一般都是text-align:center经常不管用,找了好久终于找打一个靠谱的,这里收藏一下。 这里定义三个类 //居左 .alignle ...查看全部

网上的方法一般都是text-align:center经常不管用,找了好久终于找打一个靠谱的,这里收藏一下。



这里定义三个类



//居左

.alignleft {

display: inline;

float: left;

}

//居右

.alignright {

display: inline;

float: right;

}

//居中

.aligncenter {

clear: both;

display: block;

margin:auto;

}



要用什么样式,只需加class="alingleft"或者class="alignright "或者class="aligncenter "就行了。


img标签水平居中、居左、居右方法

网络weilai5188 发表了文章 • 0 个评论 • 389 次浏览 • 2020-02-11 21:52 • 来自相关话题

网上的方法一般都是text-align:center经常不管用,找了好久终于找打一个靠谱的,这里收藏一下。 这里定义三个类 //居左 .alignle ...查看全部

网上的方法一般都是text-align:center经常不管用,找了好久终于找打一个靠谱的,这里收藏一下。



这里定义三个类



//居左

.alignleft {

display: inline;

float: left;

}

//居右

.alignright {

display: inline;

float: right;

}

//居中

.aligncenter {

clear: both;

display: block;

margin:auto;

}



要用什么样式,只需加class="alingleft"或者class="alignright "或者class="aligncenter "就行了。