Css 不溢出的div

我有一个可以保存一些文本的div。div的宽度以像素为单位固定。我想确保如果文本占用的空间超过div中的一行，那么文本不会溢出，也不会换行到第二行。我只想让它在一行上显示尽可能适合div的宽度。我一直在做实验

{
    overflow:hidden;
    height:1em;
    width:160px; 
}

它有时会起作用，但我的身高不合适。合适的高度是多少？也许有更好的方法可以做到这一点。请让我知道。谢谢

谢谢大家的贡献。以下是对我有效的方法： 对于div：

{
    height:1.2em;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

请注意，

文本溢出：省略号和
空白：nowrap需要在那里才能显示省略号

对于跨度，请注意跨度没有宽度，因此需要添加：

{
    display:inline-block;
    width:160px;
}

让跨度发挥作用

overflow:hidden;
height:1em;
width:160px;
text-overflow: ellipsis;
line-height: 1em;

如果文本溢出了封闭的div，将在文本中添加省略号，并将div设置为仅使用1em，即容器的高度

如果文本溢出了包围的div，则将在文本中添加省略号，并将div设置为仅使用1em，即容器的高度。
空白：不换行将阻止文本换行。
空白：不换行将阻止文本换行。
设置段落的行高，然后将div高度设置为相同。
请注意，文本通常高于1em，1.3或1.4通常更好

在这里尝试一下：

编辑：

在我写回信的时候，你得到了另外三个答案！
Scott有一个使用省略号的好主意，我已经更新了JSFIDLE以包含它（尽管它不起作用？？）

如果我理解正确，设置空白将不会得到您需要的结果。。。您确实希望隐藏额外的文本，是吗？
设置段落的行高，然后将div高度设置为相同。
{
    white-space:nowrap;
    overflow:hidden;
    height:1em;
    width:160px; 
}

请注意，文本通常高于1em，1.3或1.4通常更好

在这里尝试一下：

编辑：

在我写回信的时候，你得到了另外三个答案！
Scott有一个使用省略号的好主意，我已经更新了JSFIDLE以包含它（尽管它不起作用？？）

如果我理解正确，设置空白将不会得到您需要的结果。。。你确实想把多余的文字隐藏起来，是吗

{
    white-space:nowrap;
    overflow:hidden;
    height:1em;
    width:160px; 
}