web 行内元素不设置width，内容超过父元素展示身略号

可以使用 CSS 的 text-overflow 属性实现这个效果。具体实现方法如下：

1. 设置父元素的 overflow 属性为 hidden，这样超出父元素范围的内容就会被隐藏。

2. 设置父元素的 white-space 属性为 nowrap，这样超出父元素范围的内容就不会换行。

3. 设置子元素的 display 属性为 inline-block 或者 inline，这样子元素就可以设置宽度了。

4. 设置子元素的 text-overflow 属性为 ellipsis，这样超出子元素宽度的内容就会显示为省略号。

以下是示例代码：

<div class="parent">
  <span class="child">这是一段很长很长的文字，超出了父元素的宽度</span>
</div>

.parent {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
}

.child {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
}

运行结果如下：

这是一段很长...