質問編集履歴

2 HTMLの記述を追記

yuugo

yuugo score 12

2019/02/13 11:10  投稿

CSS 左側のチャットが文に依存しない
今、チャットのサービスを作っているのですが,チャットの左側のコメントの横幅が文字に依存しなくて困っています。
現在、block構造なのでinline-blockをかけましたが変化しませんでした。
CSSにくわしい方、どなたかご教授いただけませんでしょうか?![イメージ説明](e740d4ac9bad45bc168348642ffdcff0.png)
ちなみに、右側のコメントは依存します
以下がそのCSSになります。
![イメージ説明](651ba63a652e6edfa1f9fe0cdfe5257e.png)
![イメージ説明](651ba63a652e6edfa1f9fe0cdfe5257e.png)
以下、max-widthコメントアウトしたときの処理です。
![イメージ説明](5c9f8a1852f3bfdafd635047b0baf4e4.png)
コメントの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>
```
このようになります。
  • CSS

    17434 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1 CSSファイルの追記

yuugo

yuugo score 12

2019/02/11 19:08  投稿

CSS 左側のチャットが文に依存しない
今、チャットのサービスを作っているのですが,チャットの左側のコメントの横幅が文字に依存しなくて困っています。
現在、block構造なのでinline-blockをかけましたが変化しませんでした。
CSSにくわしい方、どなたかご教授いただけませんでしょうか?![イメージ説明](e740d4ac9bad45bc168348642ffdcff0.png)
ちなみに、右側のコメントは依存します
ちなみに、右側のコメントは依存します
以下がそのCSSになります。
![イメージ説明](651ba63a652e6edfa1f9fe0cdfe5257e.png)
  • CSS

    17434 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る