Hướng dẫn tự động căn giữa hình ảnh trong bài viết Xenforo

[THB]

Khi đăng một bài viết có hình ảnh thì việc căn giữa những hình ảnh đó sẽ tạo một phong cách chuyên nghiệp hơn. Hôm nay mình sẽ hướng dẫn tự động căn giữa hình ảnh trong bài viết Xenforo.

Bạn vào template bb_code_base.css và tìm thẻ .bbCodeImage.
Thau đoạn code sau:

.bbCodeImage
{
max-width: 100%;
}

Bằng đoạn code sau:

.bbCodeImage
{
max-width: 100%;
display: block;
margin:auto;
}

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

Nguồn: iforum.vn​

 

[minhhungtsbd]

ko căn giữa dc nha ad

 

[phankt]

mình căn giữa bình thường mà

 

[quick87]

Nhờ mọi người giúp hướng dẫn thực hiện cho Xenforo 2 nhé, mình cảm ơn !

 

[quick87]

Đã thực hiện được, share cho anh em nào quan tâm:
Thêm code sau vô extra.less

.bbWrapper .lbContainer.lbContainer--inline {
    text-align: center;
    width: 100%;
}
.bbImage {
    max-width: 50%;
}

Hoặc:

.bbWrapper .lbContainer.lbContainer--inline {
    width: 100%;
}
.bbImage {
    max-width: 50%;
    display: block;
    margin: 0 auto;
}

Trích:

https://xenforo.com/community/threads/how-can-image-auto-center.153976/