Code căn giữa, trái, phải hình ảnh trình soạn thảo WordPress
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ài viết mới cập nhập
-
Hướng dẫn quản lý web bán hàng 2 ngôn ngữ
1 năm trước, 349 Lượt xemXin chào các bạn! hôm nay netweb sẽ hướng dẫn các bạn quản lý web bán hàng 2 ngôn ngữ! Hướng dẫn tạo user thành…
-
Hướng dẫn tạo user thành viên và quản lý đơn hàng
1 năm trước, 345 Lượt xemTrong bài viết này, netweb sẽ hướng dẫn các bạn tạo user thành viên và đặt hàng quản lý đơn hàng trong WooCommerce Thêm mới…
-
Hướng dẫn Plugin floating contact
2 năm trước, 456 Lượt xemNetweb xin hướng dẫn cách quản lý Plugin floating contact các bạn nhớ làm theo kỹ tường bước để plugin hoạt động Tính năng: Hiển…
-
ánh xạ OneDrive for Business dưới dạng Ổ đĩa mạng
2 năm trước, 466 Lượt xemHôm nay netweb sẽ hướng dẫn các bạn ánh xạ ổ đĩa mạng để làm việc online dùng như ổ cứng bình thường qua OneDrive…
-
Backup Yandex Mail
2 năm trước, 295 Lượt xemKhác với dịch vụ email theo tên của microsoft và google với chi phí đắt đỏ tầm 1tr/năm/1user, vì thế nên netweb khuyên dùng dịch…
Bình luận trên facebook netweb.vn