html - 侧边菜单文字变长

Question

侧边菜单文本很长，我希望将此文本设置为单行

“(选项: cooking 选项:Med，辣度:MediumTopings:鸡肉柠檬......”

我需要这种对齐方式。

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>