# テキストに１行目のみ表示する方法

**URL:** <https://www.nocode-faq.com/t/topic/3470>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2023 年 3 月 5 日午前 7:09 UTC](https://www.nocode-faq.com/t/topic/3470 "2023-03-05T07:09:01Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2023 年 3 月 7 日午前 3:42 UTC](https://www.nocode-faq.com/t/topic/3470/5 "2023-03-07T03:42:42Z")

</div>

こちらご参照くださいー！

> [@新レスポンシブで、画面幅に合わせて長い文章を切り落とす方法](https://www.nocode-faq.com/t/topic/2735/4):
>
> Cut off content if the element is not tall enoughは、日本語環境ではうまく動きません。 Contidionalの操作でも、おっしゃるように全角・半角でも幅が変わるので、レスポンシブに最適とは言えません。 ので、カットしたいエレメントに以下のCSSを適用させてください。 white-space: nowrap; text-overflow: e…

---

_[View the full topic](https://www.nocode-faq.com/t/topic/3470)._