将字体保留在浮动内部会使div留在左边距

时间:2015-10-02 12:59:12

标签: html css .net

我有三个div,都是浮动的。像这样:(1)(2)(3)。现在,如果div1中的跨度字体比我设置的宽度长,它将转到div中的下一行。这很好,但下一行不再是div的最左边。它看起来像div的内部文本,当一行设置为中心,而不是左边距。我该怎么办呢?我现在的css在这里:

.left-div-results-list  div:first-child{ 
    width:70%;       
    float:left;
}
.left-div-results-list div:nth-child(2){
    float:left;
    width:10%;        
}
.left-div-results-list div:nth-child(2){
    width:10%;
    float:left;
}
.left-div-results-list tr td{
    min-width:400px;
}

这是一个例子:

> -------------------------------
> -   this is correct
> -
> -
> -
> -
> --------------------------------
> 
> --------------------------------
> -
> - this is not correct when the
> -     length is longer.   --> This needs to also be left aligned.!
> -
> --------------------------------

1 个答案:

答案 0 :(得分:0)

我看了一下这个显而易见的答案,只要这些属性没有被覆盖,就会留下文字对齐的原因。