CSS文本溢出属性省略号可以应用于垂直滚动文本吗?

时间:2014-08-04 09:58:11

标签: html css twitter-bootstrap-3

这是我的问题。我正在使用Bootstrap 3.我需要一个元素来保持绝对定位'在两列布局中。我的布局效果很好,但在平板电脑或手机上,设计意味着文字滚动到绝对固定元素的下方。

如果你在现场演示中调整浏览器的大小,你会在这里看到我的意思:http://www.concise-courses.com/test-yourself/y/a.php

防止文本在时钟下滚动有什么作用?我正在考虑一个背景图像(没有工作)或一个褪色技术(没有真正起作用)或只是垂直滚动的文本溢出....

有什么想法吗?谢谢!

Pic of issue

2 个答案:

答案 0 :(得分:0)

您希望它在移动设备上看起来如何?静态的?或者只是隐藏它背后的文字?

答案 1 :(得分:0)

如果您想在移动设备时隐藏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>