divにラインブレーキが表示されている場合はテキストを短くします

Question

DIVに名前のあるWebページがあります。いくつかの名前は非常に長く、一部の画面幅でラインブレーキを生成します。そのような場合、最初の単語（たとえばファーストネーム）を最初の文字（たとえば最初の文字）に短縮し、残ったものをそのまま残したいと考えています（例：David van Macleaoderson - > D van Macleaoderson）。

DIVでブラウザレンダリングされたラインブレーキを検出して短縮操作を実行するにはどうすればよいですか？あなたが最初の例divのため （そのdiv要素で調整どのように多くの文字を意味します）そのdiv要素の長さをカウントすることができ

Answer 1

は、迅速な答えのためにのみ20文字

$divMaxVal = 20; 

$name = "David van Macleaoderson"; 
$stringcnt= strlen($name); // Count the length of string i.e. 23 
if($stringcnt>$divMaxVal){ // Check whether string count ($stringcnt) value is greater than $divMaxVal or not 

//StringCount Value greater than $divMaxVal 

    $split = explode(' ', $name,2); // Explode the String in first occurance of delimeter 
    $firstchar = $split[0]; // =David 
    echo $firstchar[0].' '.$split[1]; // =D van Macleaoderson // combine the first character from David (i.e.Explode array 1st value) and Explode array 2nd value 
}else{ 
// if StringCount Value is not greater than $divMaxVal 
    echo $name; 
}