最後の行を強調表示するプラグイン

私の現在のタスクでは、最後の行が中央に揃うようにテキストの幅を調整する必要がありました。 CSSプロパティtext-align-lastが解決策になる可能性がありますが、Internet Explorerでのみサポートされています。 このようなJQueryプラグインの検索では結果が返されなかったため、独自のプラグインが作成されました。



ここにプラグインをアップロードしました

使用例

$(selector).lastLine({ 'display':'block', 'text-align':'center' });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

例からわかるように、最後の行のCSSはパラメーターとして渡されます。

追加オプション

endLineTag-スペーサーのタグ名。 デフォルトは「div」です。

endLineClass-ストラットのクラス名。 デフォルトは「endLine」です。

lastLineTag-最終行のタグ名。 デフォルトはspanです。

lastLineClass-最終行のクラス名。 デフォルトはspanLastLineです。

anchorPrefix-競合の場合のアンカーのクラスプレフィックス。 デフォルトはanです。 クラス名は常にランダムです。 プレフィックス+ 0〜100000の乱数。

例

すべての段落について、DIVの最後の行をLastLineOfPクラスでラップする必要があります。

 $("p").lastLine({},{ 'lastLineClass':'LastLineOfP', 'lastLineTag':'div' });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

更新

バグに取り組んだ後、彼はプラグインに以下を追加しました：

1. 最後の行の検索は、単語を検索するのではなく、テキストの最後からアンカーを追加することによって行われます。 ありがとう、 エゴリンスク
2. おおよその列幅が決定されています。 正しいストラットを配置する必要があります。 （最適化が必要）
3. 最後の行が幅のアライメントを示している場合、そうなります。 例についてDmitry_fに感謝します。
4. 行の終わりが別のオブジェクトの内側（たとえば、スパン）にある場合、このオブジェクトは閉じられます。
5. プラグインを使用するための構文が変更され、設定が表示されました。