当前位置: 首页 > 面试题库 >

HTML + CSS:如何强制div内容保持一行?

洪飞驰
2023-03-14
问题内容

我在a中有一个长文本,其中div包含definewidth

HTML:

<div>Stack Overflow is the BEST !!!</div>

CSS:

div {
    border: 1px solid black;
    width: 70px;
}

我怎么能迫使字符串留在一行中(即在“溢出”中间被切掉)?

我尝试使用overflow: hidden,但没有帮助。


问题答案:

尝试这个:

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}


 类似资料:
  • 问题内容: 我想为HTML内容创建全文搜索索引(更具体地说:XHTML格式的EPUB章节)。像这样: 问题是我需要以某种方式将匹配文本的位置(例如xpath)与搜索结果匹配,因为我需要将阅读器软件放置在正确的位置。我需要像突出显示功能这样的功能,但是要提供匹配项的高亮位置,而不是突出显示的文本。因此,如果我搜索“ dolor”,它会返回如下信息: 标准场景(我到处都可以找到),例如带过滤器的htm

  • 问题内容: 我有一些JavaScript的简单HTML代码,看起来像: 我只是希望能够通过选择“ A”或“ B”单选按钮之一来更改div的内容(它是内部html),但是div#content没有javascript属性“ value”,所以我问它如何做完了。 问题答案: 假设您没有使用jQuery或其他使您更轻松地进行此类操作的库,则只需使用元素的innerHTML属性即可。

  • 人们普遍认为,对于一个大型项目,将css样式保留在div中是一种不好的做法。应该保留一个单独的CSS文件。 然而,我偶然发现了概念主页,它是一个漂亮的网站和良好的性能。检查网页,我看到很多这样的行: 我的问题是为什么站点将css样式保留在div中,而不是一个单独的css文件?(还是某种反作用实践的结果?)做这件事的原因是什么? 我理解为什么通常将css保存在一个单独的文件中是一个好的做法。我想知道

  • 问题内容: 在下面显示的标记中,我试图使内容div一直延伸到页面底部,但是只有在有要显示的内容时才拉伸。我要这样做的原因是,即使没有任何内容要显示,垂直边框仍会在页面下方显示。 这是我的 HTML : 而我的 CSS : 问题答案: 您的问题不是div不在100%的高度,而是它周围的容器不在高度,这将有助于我怀疑您正在使用的浏览器: 您可能还需要调整填充和边距,但这将使您获得90%的效率,如果需要

  • 问题内容: 我想创建一个div可以随窗口宽度变化而改变其宽度/高度的。 是否有任何CSS3规则可以允许高度根据宽度而改变,同时保持其长宽比? 我知道我可以通过JavaScript来做到这一点,但我宁愿只使用CSS。 问题答案: 只需使用百分比值创建包装器,如下所示: 它将导致高度等于其容器宽度的75%(长宽比为4:3)。 这取决于以下事实: 相对于生成的盒子的包含块的宽度计算百分比(来源:w3.o

  • 问题内容: 这是整个页面*可包装的内容在main.css文件中定义 这是整个页面: 每当我提交时,它就会延伸。 此页面也在div内。我是否还需要设置div和表格的宽度? 问题答案: 使用该表,并在TD。 请参阅以下示例: 演示: