我可以完全隐藏半截断的文本行吗？

Question

如果我将一个文本体放入一个具有设定高度和隐藏溢出的容器中，我通常会得到最终的线条，这个线条可能适合被切断。 Example jsFiddle或图片：

有没有办法让这条线不完全出现而不是发生这种情况？

场景是我有列是动态高度（父高度的100％，即身高的80％），包含博文后文本，我想显示一个如果有溢出的文本（易于确定），则在底部“全部读取”。目前它只是看起来很糟糕，其上面有半个渲染文字。

我无法删除溢出，因为列需要在导航之前结束，导航位于页面底部。

Answer 1

你可以从酒店text-overflow激励你，但你必须使用JavaScript来处理多个行：http://pvdspek.github.com/jquery.autoellipsis/（通过With CSS, use "..." for overflowed block of multi-lines）

Answer 2

看到这是我的代码

 <li style="color: Black; font-weight: bold; oveflow:hidden; line-height: 1.2em;height: 2.6em; ">Page Size
                    <select id="ddlOrderstoDisplay" style="width: 50px;">
                        <option value="25">25</option>
                        <option value="50">50</option>
                        <option value="75">75</option>
                        <option value="100">100</option>
                        <option value="150">150</option>
                    </select>               
                </li>

我将这些行放在标签中，它将适用于所有浏览器。希望它对您有所帮助

**overflow: hidden;
line-height: 1.2em;
height: 3.6em;**  

Answer 3

您可以增加或减少line-height

根据您的舒适度

Answer 4

删除overflow:hidden

div
{
    width: 100px;
    height: 92px;
    background: black;
    color: white;
}​

Answer 5

只需添加'column-width'属性，它就可以了。 在你的例子中，它将是列宽：100px