やりたいこと
マウスを乗せた時に表示される下記コードの部分を
参考サイトのように横幅指定と
word-break: normal;
を利用して改行したいのですがうまくいきません
どうすればよ横幅に合わせて改行できますでしょうか?
title="ID:<?php echo $value->id?><br>投稿者:<?php echo $value->club_member->nickname?> <br>投稿日時:<?php echo $value->created_at?><br><br>コメント<br><?php echo $value->body?>">
の部分したい
html
1<dl class="thumbnail clearfix"> 2 <div> 3 <dt> 4 <?php if ($value->img_id):?> 5 <a href="<?php echo $value->piy_img->getUrl("","")?>"><img src="<?php echo $value->img->getUrlM()?>"; 6 title="ID:<?php echo $value->id?><br>投稿者:<?php echo $value->club_member->nickname?> 7 <br>投稿日時:<?php echo $value->created_at?><br><br>コメント<br><?php echo $value->body?>"> 8 </a> 9 <?php endif?> 10 </dt> 11 <div> 12 <dd><?php echo date("Y年m月d日",strtotime($value->created_at)) ?></dd> 13 <dd><?php echo Html::anchor("admin/clubmember/show/".$value->club_member_id,$value->club_member->nickname)?></dd> 14 <dd><?php echo $value->house->name?></dd> 15 <dd> 16 <?php echo $value->getIsPiyStr()?> 17 <?php if (($value->approval_flag == "H") || ($value->approval_flag == "0") || ($value->approval_flag == "X") ):?> 18 <?php echo Form::checkbox("check[]",$key,in_array($key,$check),array('class' => 'list'))?> 19 <?php endif?> 20 </dd> 21 </div> 22 </div> 23</dl>
css
1 dl.thumbnail div { 2 width: 180px; 3 height: 240px; 4 float: left; 5 margin: 0 10px 20px 10px; 6 text-align: center; 7 word-break: normal; 8 } 9 10 dl.thumbnail img { 11 border: 2px solid #bbb; 12 width: 120px; 13 height: 120px; 14 } 15 dl.thumbnail a { display: block; } 16 17 18 dl.thumbnail dd { 19 text-align: center; 20 margin-left: 0; 21 margin-top: 2px; 22 }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/22 05:14