侧菜单文本很长

Question

侧边菜单文字很长我希望这个文字设置在一行

＆＃34;（选项：烹饪选项：Med，Spicy：MediumTopings：Chicken Lemon ....＆＃34;

我需要这种对齐方式。

Answer 1

您需要的是ellipsis，请查看下面的代码，它应该适合您

div{
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

<div>
  some really long textsome really long textsome really long textsome really long textsome really long textsome really long textsome really long text
</div>