文本

限制单行

第一个不限行，第二个使用 only-one-line 类名来限行。

演示

代码

HTML

代码

JSX/TSX

lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur

<div class="flex gap-2">
	<div class="bg-bw-300 flex-1 h-20">
		<p>
			lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet,
			consectetur
		</p>
	</div>
	<div class="only-one-line bg-bw-300 flex-1 h-20">
		<p>
			lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet,
			consectetur
		</p>
	</div>
</div>

<div className='flex gap-2'>
  <div className='bg-bw-300 flex-1 h-20'>
    <p>
      lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur
    </p>
  </div>
  <div className='only-one-line bg-bw-300 flex-1 h-20'>
    <p>
      lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur
    </p>
  </div>
</div>

遮罩层概览