Question

我正在处理一个意图溢出的标题。它已应用white-space: nowrap规则，以防止将文本分成两行或多行。

问题是，视口现在伸展以适合文本，然后页面可在x轴上滚动。应用overflow-x: hidden会隐藏滚动条，但仍然可以在移动设备上滚动页面，并通过鼠标中键拖动在桌面上滚动。

我知道我可以使用position: fixed，但这对我来说不是解决方案。我希望标题保持原样。

到目前为止，我在fiddle进行了所有尝试。

Answer 1

好的，试试这个：

CSS：

.wrapper {
    position: absolute;
    width: 98%;
    overflow: hidden;
}
.text {
    font-size: 500%;
    white-space: nowrap;
    display: block;
    width: 100%;
    float: left;
}

编辑：哦，并删除overflow-x：hidden;来自html，body

允许内容溢出，但不延伸视口

1 个答案: