Dentro de um <ul>
elemento, claramente o espaçamento vertical entre as linhas pode ser formatado com o atributo line-height.
Minha pergunta é, dentro de um <ul>
elemento, como faço para definir o espaçamento vertical entre os itens da lista?
Dentro de um <ul>
elemento, claramente o espaçamento vertical entre as linhas pode ser formatado com o atributo line-height.
Minha pergunta é, dentro de um <ul>
elemento, como faço para definir o espaçamento vertical entre os itens da lista?
Respostas:
HTML
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
CSS
li:not(:last-child) {
margin-bottom: 5px;
}
EDITAR: Se você não usar o caso especial para o último elemento li, sua lista terá um pequeno espaçamento depois que você pode ver aqui: http://jsfiddle.net/wQYw7/
Agora compare isso com a minha solução: http://jsfiddle.net/wQYw7/1/
Claro que isso não funciona em navegadores mais antigos, mas você pode usar facilmente extensões js que habilitarão isso para navegadores mais antigos.
:first-child
e funcionaria em tudo IE7 +
Muitas vezes, ao produzir emails em HTML, você não pode usar folhas de estilo ou blocos de estilo / estilo. Todo CSS precisa estar embutido. No caso de você querer ajustar o espaçamento entre os marcadores, eu uso li style = "margin-bottom: 8px;" em cada item do marcador. Personalize o valor dos pixels ao seu gosto.
Para aplicar a uma lista inteira, use
ul.space_list li { margin-bottom: 1em; }
Então, no html:
<ul class=space_list>
<li>A</li>
<li>B</li>
</ul>
definir padding-bottom para cada lista usando pseudo classe é um método viável. Também pode ser usada a altura da linha. Lembre-se de que as propriedades da fonte, como a família da fonte, a espessura da fonte, etc. desempenham um papel nas alturas desiguais.
<br>
entre as <li></li>
entradas de linha parece funcionar perfeitamente bem em todos os navegadores da web que experimentei, mas não passa no verificador W3C CSS3 on-line. Dá-me precisamente o espaçamento de linha que procuro. No que me diz respeito, visto que sem dúvida funciona, estou persistindo em usá-lo, independentemente do que o W3C diga, até que alguém possa encontrar uma boa alternativa legal.
ul li { margin: ???; padding: ???; line-height: ???; }
todos ou alguns desses atributos CSS.