# 【実現したいこと】
テキストボックスの大きさよりもコンテンツが長い時に、三点リーダにして、ボックスの......

**URL:** <https://www.nocode-faq.com/t/topic/928>\
**Category:** bubble\
**Tags:** elementの使い方フロントエンドレス\
**Created:** [2021 年 2 月 2 日午前 11:30 UTC](https://www.nocode-faq.com/t/topic/928 "2021-02-02T11:30:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 11:30 UTC](https://www.nocode-faq.com/t/topic/928/1 "2021-02-02T11:30:05Z")

</div>

【実現したいこと】  
テキストボックスの大きさよりもコンテンツが長い時に、三点リーダにして、ボックスの大きさを変えないようにしたい。  
【困っていること】  
UIビルダーでcut off contents if the element is not tall enoughにチェックを入れるか、  
レスポンシブでcut off content if too tallにチェックを入れれば実現できると思いっているのですが、  
レスポンシブ上では、添付の写真のように三点リーダの記載が確認できるのですが、  
プレビューとなるとなぜか添付の写真のように実現できません。  
もしかしたらどこかと干渉しているのかもしれませんが、何が原因で実装できないのかわかりません。  
お力をお借りできますでしょうか。  
よろしくお願いします🙇‍♂️‍♂

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 11:30 UTC](https://www.nocode-faq.com/t/topic/928/2 "2021-02-02T11:30:06Z")

</div>

文字を任意文字数で切るのは truncated to 文字数 を使うとできます

## 参考画像

![スクリーンショット 2020-11-04 10.52.23.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/99ad872038d521c848b3a7c72b9460ee8bb26956.png)

![スクリーンショット 2020-11-04 10.53.48.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d5e16d3385865763ee61a0e96164a8510d15a52e.png)