html - CSS text-overflow 属性 ellipsis 可以应用于垂直滚动文本吗？

Question

这是我的问题。我正在使用 Bootstrap 3。我需要一个元素在两列布局中保持“绝对定位”。我的布局效果很好，但在平板电脑或移动设备上，该设计意味着文本在“绝对固定元素”下方滚动。

如果您在现场演示中调整浏览器大小，您会明白我的意思:http://www.concise-courses.com/test-yourself/y/a.php

如何防止文本在时钟下方滚动？我在考虑背景图片(没用)或淡入淡出技术(没用)或只是用于垂直滚动的文本溢出....

有什么想法吗？一如既往的感谢!

Answer 1

如果你想在移动时隐藏 column A，只需将 hidden-xs 作为一个类添加到该列。当屏幕小于 768px 时，它将隐藏指定的列(例如，Bootstraps 的“xs”设置，请参阅 Bootstraps' grid system 了解更多信息)。

一个例子:JSFiddle

<div class="row">
    <div class="hidden-xs col-sm-6"></div>
    <div class="col-sm-6"></div>
</div>