代码之家 › 专栏 › 技术社区 › Bostone

在DIV内将长连续文本右移?

right-justified alignment css

Bostone · 技术社区 · 14 年前

我有一个很长的文本,不适合它所占的分区。DIV类如下:

.mydiv {
    overflow:hidden;
    padding:3px 3px 3px 5px;
    white-space:nowrap;
}

当然,我只能看到部分文本。问题是它显示前n个字符,我想显示后n个字符。我如何用CSS实现它? Text-align 对这里没有帮助。

4 回复 | 直到 14 年前

Pat 14 年前

如果能够将文本换行到另一个元素中,则可以使其工作,如中所示。 this fiddle . 我漂浮在一个巢穴里 <span> 向右。

Ian Wetherbee 14 年前

<div class="wrap">
    <div class="window">Lots of text</div>
</div>

.wrap { overflow: hidden; position: relative; }
.window { position: absolute; right: 0px; }

DA. 14 年前

你只需使用CSS就可以做到:

http://jsbin.com/ususu

  <div style="width: 150px; border: 1px solid red; overflow: hidden; position: relative; height: 2em;">
      <div style="position: absolute; right: 0px; padding: .5em;white-space:nowrap;">
  aaaaaaaaaaaabbbbbbbbbcccccccccccccccccddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeffffffffffffffffffffgggggggggggggggggggghhhhhhhhhhhhhhhhiiiiiiiiiiiii
     </div>
  </div>

(在火狐中测试。YMMV)

bimbom22 14 年前

您必须使用javascript将该DIV一直向右滚动,请尝试:

var obj = document.getElementById("div-id");
obj.scrollLeft = obj.scrollWidth - obj.clientWidth

推荐文章

Riddhi · 在ionic中对齐按钮

6 年前

Joshua Sparkel · 排列的元素相差几个像素

6 年前

ProtectedVoid · CSS宽度自动和向左浮动-允许溢出

6 年前

Josh Rodgers · 居中网格项目

6 年前

Jean Jacquemier · Apache箭头、对齐和填充

6 年前

Zubair · 与UILabel绘图/显示在屏幕上相关的方法

6 年前

user7055375 · 除了“文本对齐:居中把东西放在一个DIV里?

6 年前

KevinM · 在导航栏引导程序4中将图标与文本对齐

6 年前

KhiladiBhaiyya · 如何将引导程序导航栏最左边的项移到更远的左边

7 年前

Sujal · UIAlertController中的居中对齐图像操作

7 年前