使用float和CSS列时的奇怪行为

时间:2014-07-07 13:21:00

标签: css css3

我不确定这是否是一个错误,但不应该在下面的示例中的第一列中出现dropcap?或者整个文本包装在第二列?

如何强制信件正确地与文本一起流动?

.columns{
    -webkit-column-width:150px;
    display:inline-block;
    height:200px;
    overflow:hidden;
    border:1px solid black;
}

span.dropcaps {
    float: left;
    font-size: 50px;
    line-height: 50px;
    padding-top: 1px;
    margin-top: -.09em;
    margin-right: .09em;
}

http://jsfiddle.net/8qLeE/2/

0 个答案:

没有答案