填充底部，文本只在列表中

我有自定義列表項標記爲我的列表（ul）。我想讓li元素中的文本更高，但不是列表項標記。這是因爲我認爲它看起來更好。填充底部，文本只在列表中

1是今天的樣子，2是我想要的樣子。 enter image description here

我的代碼：

ul.list-ok { 
    font-size: 16px; 
    list-style-image: url('img/ok-18.png'); 
} 

    ul.list-ok li { 
     padding: 0 0 10px 0; 
    }

如何實現我想要什麼？

來源

2014-10-30 JohnF

看看'垂直align' – 2014-10-30 21:43:28

爲了說明什麼Sanuel傑克遜說：http://jsfiddle.net/bfp1jhtn/ – dfsq 2014-10-30 21:45:43

垂直對齊沒有幫助，這裏有一些很好的答案... http://stackoverflow.com/questions/1708833/adjust-list-style-image-position – sinisake 2014-10-30 21:46:22

這不是正確的方式，但這樣會做的伎倆：Jsfiddle here

ul.list-ok li:before { 
    position: relative; 
    top: -6px; 
    right: 8px; 
    content: url('https://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/camera_test.png'); 
} 
ul.list-ok li { 
    padding: 0 0 10px 0; 
    list-style-type: none; 
}

來源

2014-10-30 22:09:03

填充底部，文本只在列表中

回答

相關問題