在HTML5中，有时候我们希望文本或者元素在一行内显示，避免换行。这可以通过多种方法实现，以下是一些常用的技巧：
1. 使用CSS属性
white-space
white-space
属性用于设置空白字符（空格、换行等）的处理方式。以下是一些常用的值：
normal
：默认值，空白字符会被正常处理，即空白字符会被忽略，并压缩。
pre
：空白字符会被保留，并按原样显示。
nowrap
：文本不会换行，会显示在同一行内。
pre-wrap
：空白字符会被保留，但是段落会自动换行。
这是一个不会换行的段落。
2. 使用CSS属性
overflow
overflow
属性用于控制当内容超出元素大小时如何显示。以下是一些常用的值：
visible
：默认值，内容会溢出元素边界。
hidden
：内容超出元素边界时会被隐藏。
scroll
：添加滚动条，以便用户可以滚动查看隐藏的内容。
auto
：如果内容超出元素边界，则显示滚动条。
这是一个超出边界的文本，但是会隐藏超出部分。
3. 使用CSS属性
text-overflow
text-overflow
属性用于控制当文本超出元素边界时的显示效果。以下是一些常用的值：
clip
：默认值，超出部分的文本会被裁剪。
ellipsis
：超出部分的文本会被省略为省略号（…）。
这是一个超出边界的文本，但是会显示省略号。
4. 使用CSS属性
word-break
word-break
属性用于控制如何断行。以下是一些常用的值：
normal
：默认值，按照单词断行。
break-all
：允许在单词内部断行。
keep-all
：不允许在单词内部断行。
这是一个允许在单词内部断行的文本。
通过以上方法，您可以在HTML5中轻松避免换行，使文本或元素在一行内显示。希望这些技巧能够帮助到您！