CSSだけでテキストの表示文字を制御

当ページのリンクには広告が含まれています。

特にスマホのレイアウトで「テキストが長過ぎてレイアウトが崩れてしまう」場合があります。基本的にはレイアウト時にテキスト量を決めてデザインするのですが、様々な経緯が重なると必要になります。

目次

CSSだけでテキストの表示文字量を制御

基本的には必要性はあまりないものと言う認識があります。基本的にはサイト構築の時のレイアウトデザインを決める時点で確認する部分でもあり、データ元でPHP等のプログラムで制御する方が最適。

ただし、以下のケースの場合は意外と多いので対処方法の1つとして頭の片隅に。

こんな時に必要性がある

  • サイト制作時に担当者が完成形を理解していない
  • 一度OKが出たコンテンツは文字変更が認められない
  • エンジニアも完成形をイメージきていない(完成度も気にしない)
  • 完成後の運用イメージが持てていない
  • そもそも全体が把握できてない

ちょっとポジティブな内容でないのですが、意外とこんな状況は多いです。やはり一定以上のまとめるスキルを持った人がいないと見落とされる場合が多く、必ずしもその様な座組で制作体制できない時もあります。

また、権限やコスト、公開タイミングなどでプログラムを入れる事が出来ない場合も考えられますので、誰が良い悪いという訳ではなく、状況を把握し、一番早く確実にリカバリーできる方法を出して実行できる事が大切。

最後に

何度か書いた様に、意外と必要になるケースが多いです。プログラムで対応するべき部分と思いますが、知っていて損はないと思いますので、その時にパッとこの手法が選択できるように。

Special Thanks
下記の記事を参考、コードをそのまま、あるいは改造して使用させていただきました。

※リンクは張られていないものは、リンク先のサイトアドレスが変更もしくは見つからなくなったためです。

楽天市場で注目の商品![ sponsored ]

  • URLをコピーしました!
目次