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

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

right-justified alignment css

2

Bostone · 技术社区 · 15 年前

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

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

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

4 回复 | 直到 15 年前

1

Pat 15 年前

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

2

1

Ian Wetherbee 15 年前

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

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

3

1

DA. 15 年前

你只需使用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)

4

0

bimbom22 15 年前

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

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