Html 如何正确使用文本溢出设置文本格式？

我有以下html元素：

<h2>Download "<div id="title"></div>" for...</h2>

但看起来是这样的：

下载“

标题是秀龙

“为了

---

我应该看到一行带有拆分标题的文本，但我看到的是三行文本。如何强制将整个文本放在一行？谢谢

您正在使用

文本溢出：省略号当你只有一行代码时，它就可以工作了，所以你不必为…

使用

，实际上，它会为…

生成类似

的句子。另外
div
是块级元素，因此必须使用
display:inline块并为元素指定固定宽度

（感谢下面的评论，尽管我一直在努力……）

另外，我想指出，您在那里使用的是
id
，id必须是唯一的，所以请确保不要重复，最好使用类。同样出于这些目的，
span
将是一个更好的元素。
正确的方法是使用
span
元素，并设置为
inline block


HTML:

下载“”以获取。。。
使用
空白：nowrap和
溢出：隐藏
在#title
中，如果您使用ie a
span
而不是
div
，我想您不会有这个问题。。。你甚至不需要对这个方面进行特殊的CSS处理。你为什么要使用div而不是span？@Joum:设置宽度如何？@Itay因为这是不够的，但这并没有在操作中显示为要求。。。因此，我明确提到这方面。在这方面，我显然是指换行，而不是文本省略。我认为你应该制作内联块并设置其宽度。为什么只有当你稍后使用
display:inline block
时才使用
span
呢？@Mr_Green
span
元素默认为
inline
级别元素，将其设置为
显示块
（这是
span
元素的Xbrowser），然后使用
溢出：隐藏什么不清楚？您知道
内联块
和
块
之间的区别，对吗？在
h2
（def:block-level）元素中使用
span
始终是正确的做法。@格林先生也在语义上说，如果他在
p
标记中使用这个，那么使用
div
将是不正确的，所以你应该使用
span
来处理这样的事情这是我唯一的问题，Firefox与chrome或safari的文本对齐方式不同。是否有方法根据浏览器类型设置对齐条件？
#title{
   overflow: hidden;
   text-overflow:ellipsis;
}

#title{
    overflow: hidden;
    text-overflow:ellipsis;
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    vertical-align: bottom; /* This is important to align text right in the line */
}

#title{
   display:inline-block;
   vertical-align:bottom;
   overflow: hidden;
   width:200px;
   white-space: nowrap;
   text-overflow:ellipsis;
}

<h2>Download "<span id="title"></span>" for...</h2>