今、チャットのサービスを作っているのですが,チャットの左側のコメントの横幅が文字に依存しなくて困っています。
現在、block構造なのでinline-blockをかけましたが変化しませんでした。
CSSにくわしい方、どなたかご教授いただけませんでしょうか?
ちなみに、右側のコメントは依存します
コメントのHTMLの構造の追記します。
遅くなりましてすみませんでした。
まず、今回のチャットをPHPとAjaxで実装しており、しっかりした作りにはなっていません。
$log = "<div class=".$member['name']."><span>".date("A H:i")."</span>"." ". "<div>". $message."</div></div>". "\n" . $log; file_put_contents('log.txt', $log, LOCK_EX);
このようにしておおきなdivの中にspanと小さなdivがある状態です。
そして、HTMLで
<div class=hayashiyuugo><span>AM 01:31</span> <div>max-widthを外したらこうなります!!</div></div>
このようになります。