写真の横に幅約140pxの小さなものが<p>並んでいます。合計で4行のテキスト用のスペースがあります。最初の2行はタイトル用に予約されており、他の情報は2行あります。
タイトルが2行を超える場合はタイトルを切り取りたいのですが、そうでない場合は、他の情報が画像の下部と一致しなくなります。
私が考えることができる唯一の解決策は、2行の高さのdivを作成し、オーバーフローを非表示にすることでした。ただし、タイトルが1行しかない場合は、大きなギャップが残ります。
解決策は、Jquery、プレーンJavaScript、CSS、またはPHP（可能な場合）ですらあります。
TIA
タイトルをmax-height2行に設定します
プロパティmax-heightはIE6ではサポートされていないことに注意してください。さらに、テキストボックスのサイズを制限すると、アクセシビリティの問題が発生する可能性があるため、通常はお勧めしません。
これは表示の問題というよりもコンテンツの問題であるため、バックエンドで対処するのがおそらく最善です-動的テキストの場合は、データベースフィールドを適切な文字数に制限するか、php（または任意のサーバー）で切り刻んでくださいあなたが設定されているサイドシチュエーション）。等幅フォントを使用して文字数を設定するのは困難ですが、コンテンツ側で制限しないと、ズームしない古いブラウザを使用している可能性のある視覚的に傾いていないユーザーを混乱させるリスクがあります。サファリとクロームの最新リリースのようにすべての空想。