文字列を省略して「…」を付与する方法 – CSS/jQuery | DevelopersIO
通常、設計・デザインの段階であらかじめ表示する文字数の上限を決めておき、PHPやRuby、Javaなどサーバサイドで表示する文字列を加工することが多いかと思います。 しかし、この方法だと動的に変化する領域を基準に表示する文字数を制限する場合や、文字サイズや表示領域のサイズに合わせて上限を算出する場合に限界があります。 そこで、クライアントサイドで表示領域から文字列がはみ出す場合、文字列を省略して省略記号「…」をつける方法を紹介してみたいと思います。 実現方法として以下の2つの方法があります。 text-overflowプロパティを使う jQueryで表示領域の幅・高さに合わせて文字列を加工する text-overflowプロパティを使う text-overflowプロパティを用いると、文字列が表示領域からはみ出してしまった場合、はみ出した文字列を省略記号「…」で省略することができます。 尚
css : 森のコーディング
10月14 colorboxで立ち上がったモーダルウィンドウを閉じるとリンク部分に青い線が残ってるのを解決する colorboxに限らないと思うのですが、 モーダルウィンドウを立ち上げて、×をクリックしてモーダルを消した後に、クリックしたリンク要素に青い線が残ってしまうという現象があります。 ↑colorboxの本家サイトのデモ。 grouped photo1という文字に青い線が残ってしまっている。 これはリンクが選択状態になってる、ってやつですね。 別に気にならないっちゃ気にならないけれど、 デザインによってはこういう青い線がでるとかっこわるくなってしまう場合がある。 たとえば、aタグにdisplay:blockしてpaddingとっている場合とかね。 あるいはサムネイル画像にモーダルウィンドウを設定している場合とかね。 それを解決するのはcssで1行追加するだけ。 モーダルが指定されて
アドビ、InDesign用の新潮社の文字組設定や商業印刷文字組セットを無償配布
アドビ システムズは、同社の公式Facebookページ「Adobe Creative Station Japan」にて、同社の組版ソフト「Adobe InDesign」向けの文字組データを無償配布している。 このたび配布されているのは、同社の組版ソフト「InDesign」向けの文字組データ。InDesign日本語版の既存プリセット以外、主に商業印刷の組版用途に適した文字組み設定4種類と、文芸書の老舗として知られる出版社・新潮社の「新潮社文字組基本設定」が用意されている。 また、これらの文字組データに関しては、同社のFacebookページより無償で入手することができる。Facebook上の該当リンクをクリックすると、ZIPファイルにてデータをダウンロードすることが可能だ。 なお、マイナビニュースでは、媒体読者限定で「Adobe Creative Cloud」に関するアンケートを実施しているた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
