Code căn giữa, trái, phải hình ảnh trình soạn thảo WordPress

1 năm trước, Code website hay dùng, 138 Lượt xem

Có thể trong quá trình viết theme wordpress bạn mắc phải 1 lỗi ví dụ như không căn được hình trái, phải hay giữa khi viết 1 theme wordpress mới, chúc mừng bạn, bạn đã tìm thấy bài này của netweb.vn! chúng tôi sẽ giúp bạn khắc phục thành công lỗi này 😀

Trong khi bạn viết theme chắc hẳn bạn đã gặp trường hợp trình editer của wordpress nó không tự động canh trái, giữa, phải được, thì các bạn add code này vào css nhé!

/* =căn giữa
————————————————————– */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

Chúc các bạn thành công!

Bình luận trên facebook netweb.vn