25

簡単に言えば、右端の数字が最も重要なフィールドがあります。(当然、このフィールドは主キーに基づいてアフィリエイトのシステムから取得されるため、左端の数字はエポックごとに 1 回だけ変更されます!)

CSS が "text-overflow: ellipsis;" で RIGHT トランケーションを提供することは誰もが知っています。(サーバーにコードを追加して文字列操作でそのフィールドを準備することなく) 左側のフィールドを切り捨て、"..." 省略記号を左側に配置するにはどうすればよいでしょうか?

(CSS3は大丈夫です。)

4

4 に答える 4

25

このトリックを使用してみてください：

HTML

<p class="ellipsis">ert3452654546</p>

CSS

.ellipsis {
    overflow: hidden;
    width: 60px;
    direction: rtl; 
    margin-left: 15px;
    white-space: nowrap;
}

.ellipsis:after {
    position: absolute;
    left: 0px;
    content: "...";
}​

フィドル

于 2012-10-06T17:54:55.897 に答える
10

今はテストできませんが、追加することはかなり確信しています

direction: rtl;

期待される結果を行います。

オーバーフローで左から右

于 2012-10-06T16:58:36.843 に答える