Căn giữa hình ảnh được chèn với sau: phần tử giả; không thể sử dụng khoảng cách

Question

Tôi đang kéo nguồn cấp dữ liệu bằng cách sử dụng mã tumblr và sử dụng sau: để thêm hình ảnh làm dấu phân cách giữa các bài đăng. Tôi muốn căn giữa hình ảnh, nhưng không có may mắn làm như vậy. Kể từ khi tumblr tạo ra nội dung, không phải tôi, tôi không nghĩ rằng tôi có thể sử dụng thẻ span, mà có vẻ là câu trả lời thông thường. Bất kỳ ý tưởng nào khác?

Trang feed hiển thị được sử dụng: lumn.net/index.shtml

CSS:

.tumblr_post:after { 
    content: url(../img/flower.png); 
    display: block; 
    position: relative; 
    margin-top: 42px; 
    margin-bottom: 24px; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 1

Hãy thử điều này:

.tumblr_post:after { 
    content: url("../img/flower.png"); 
    display: block; 
    margin: 42px auto 24px; 
    position: relative; 
    text-align: center; 
    width: 100%; 
} 

Answer 2

Trong khi câu trả lời từ Zoltan Toth công trình, nó có một loạt các mã nào không có gì cho hiệu ứng mong muốn. Điều này nên làm các trick và với mã ít hơn.

.tumblr_post:after { 
    content: url("../img/flower.png"); 
    display: block; 
    text-align: center; 
} 

Answer 3

Đây là một giải pháp làm việc trên tất cả các màn hình:

.produit-col .img-produit::after{ 
    content: ''; 
    background: url("../img/icone.png") center no-repeat; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    display: none; 
}