html - 在我得到价格之前，我如何获得一系列周期？

Question

这是我的名字

<li>    
    <input type="checkbox" value="1" data="0" class="select_service fl">    
    <div style="margin-left: 5px; width:509px; float:left;    overflow-x: hidden;    overflow-y: hidden;" class="label">Back Office System - Professional........................................................................................................................................</div>
    <small class="rt white">$996.00</small>
</li>

我假设我的月经会在价格之前停止，但它们总是重叠...关于如何使月经在价格之前停止的任何想法...

Answer 1

添加white-space:pre;到 .label元素，这样该行就不会再换行。

因为标签有固定的宽度，所以你也必须给父级(容器)加上一个固定的宽度。否则，<small>元素不会与 .label 保持在同一行，因为它不适合(在较小的视口(viewport)中)。

演示:http://jsfiddle.net/L8gyn/

相关代码:

<div style="white-space: pre;
            margin-left: 5px;
            width:509px;
            float:left;
            overflow: hidden;" class="label">

除了硬编码点字符，您还可以使用其他方法，例如 border或 <fieldset>显示点。