html - 为anchor、li和span设置相同的高度

Question

我正在尝试构建这样的屏幕：

我怎样才能让我的跨度和锚元素的高度增长到与 li 相同的高度？

我已经从这个例子开始http://jsfiddle.net/Gh6mB/1/

我的中心栏应该在高度和宽度上扩大。左列和右列应在高度上扩展，但应保持宽度固定。

我能做些什么来简化这个吗？

Answer 1

我修改了 css 以匹配<table><tbody><tr><td>结构，因为你有一个四级嵌套。我必须在 the和sdiv之间的第一个表中添加一个包装器：lispan

http://jsfiddle.net/Gh6mB/8/

#ListaEventosPorMes ul.vermelho {
    display: table;
}

#ListaEventosPorMes ul.vermelho li {
    display: table-row-group;
}

#ListaEventosPorMes ul.vermelho li div,
#ListaEventosPorMes ul.vermelho li a {
    display: table-row;
}

#ListaEventosPorMes ul.vermelho li   span {
    display: table-cell;
    height: 74px;    
}