0

<a href="#" >some lengthy text -- 07 May 2014 -- order ID#12345 </a>

上記のように、いくつかのテキスト、日付、数値(テキスト -- 日付 -- 数値形式) があるアンカータグが内部にあり、アンカーコンテンツ全体がそのような方法で out div に従ってテキストのみを省略したい( text,number,date) は改行しないでください。

上記の例では、テキストのみを省略したい (長いテキスト) 数値と日付を邪魔しないようにする必要があります

CSS を使用してテキストの周りにタグを配置しようと<p>しましたが、適切に省略できますが、問題はアンカータグの下線であり、2 ピースで構成されているように見えます http://jsfiddle.net/Vc4N6/3/

javascript でこれを行うより良い方法はありますか? CSSに苦労する必要がないように（別のブラウザでは、IE8と9が他のブラウザに必要です。）

注: jQuery ソリューションは使用しません。純粋な JavaScript にする必要があります。

編集：

上記の質問の解決策を得ましたが、私の要件はもう少しです。リストにこれらの項目を使用します。リストに追加した後、各項目にさまざまなテキストがある場合、テキストと日付の間にスペースが導入されます。こちらを参照してくださいhttp:// jsfiddle.net/Vc4N6/13/

理想的には、次のようになります

  • これは非常に長いテキストです 長いテキストです.. -- 2014 年 5 月 7 日 -- 注文 ID#12345
  • 短いテキスト -- 2015 年 6 月 6 日 -- オーダー ID#46453
4

2 に答える 2