Home/ Questions/Q 1070449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T20:34:05+00:00

<div style=display:inline-block;width:100px;> very long text </div> any way to use pure css to cut

  • 0
<div style="display:inline-block;width:100px;">

very long text
</div>

any way to use pure css to cut the text that is too long rather than show on next new line and only show max 100px

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <div class="crop">longlong longlong longlong longlong longlong longlong </div>​

    This is one possible approach i can think of

    .crop {width:100px;overflow:hidden;height:50px;line-height:50px;}​

    This way the long text will still wrap but will not be visible due to overflow set, and by setting line-height same as height we are making sure only one line will ever be displayed.

    See demo here and nice overflow property description with interactive examples.

    • 0