# neonテンプレにおける文字の折り返しについて

**URL:** <https://forum.onecomme.com/t/topic/610>\
**Category:** 質問\
**Created:** [2022 年 9 月 3 日午前 6:45 UTC](https://forum.onecomme.com/t/topic/610 "2022-09-03T06:45:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![GUGyurari](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/gugyurari/32/1782_2.png) [@GUGyurari](https://forum.onecomme.com/u/GUGyurari)\
**Post date:** [2022 年 9 月 3 日午前 6:45 UTC](https://forum.onecomme.com/t/topic/610/1 "2022-09-03T06:45:43Z")

</div>

対象: わんコメ  
表示画面: OBS  
利用OS: Windows  
利用バージョン: 3.2.8  
過去ログ確認: した  
[ドキュメント確認](https://onecomme.notion.site/d04d95b33a03419c8924dad00f550006): した or していない  
内容:  
わんコメさんには配信時いつもお世話になっております。

私は現在neonテンプレを使用しております。  
現状コメント1列、名前1列の合計２列でコメントが流れてくる仕様ですが、コメントの表示が時折長いなと感じることがあります。

これを任意の文字数ないしは幅で折り返しをさせてコメント２列、名前１列で表示をするCSSの書き方が知りたいです。

また、加えましてコメント２列表示にした場合の１列で収まるコメントの場合、コメントを垂直位置中央揃えにする方法も教えて頂ければ幸いです。

CSSについて自分で検索もしたのですが、自力で解決できませんでしたので大変申し訳ありませんが記述方法を教えて頂ければ幸いです。  
お手すきの際で構いませんのでよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![hyk](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hyk/32/75_2.png) [@hyk](https://forum.onecomme.com/u/hyk)\
**Post date:** [2022 年 9 月 3 日午後 3:50 UTC](https://forum.onecomme.com/t/topic/610/2 "2022-09-03T15:50:00Z")

</div>

![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/7e9681dbf5c5fb14bfb98e008732b2db9bee1359.png)  
ここまで（２行までにして幅制限する。）はできました。１行だけの時の垂直位置もなんとなくできてそうですが、どうしてそうなってるのかは分からないのでズレが発生するかもしれない＆実際には中央ではないかもしれません。

```css
div.comment-text{
max-width: 8em;
max-height:2em;
white-space: normal;
margin-bottom: 1em;
}

```

---

<div class="post-metadata">

**Author:** ![GUGyurari](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/gugyurari/32/1782_2.png) [@GUGyurari](https://forum.onecomme.com/u/GUGyurari)\
**Post date:** [2022 年 9 月 4 日午前 6:50 UTC](https://forum.onecomme.com/t/topic/610/3 "2022-09-04T06:50:04Z")

</div>

導入したところ上手くいきました！  
ありがとうございます。