导航栏标题与右按钮重叠

Question

我有四个按钮，它们在导航栏上右对齐，中间标题。标题文字较大，与右键重叠。如何设置标题宽度，以便在文本溢出时显示三个省略号？

Answer 1

您可以使用CSS，如下例所示：

#wrapperDiv {
white-space: nowrap; 
width: 12em; 
overflow: hidden;
text-overflow: ellipsis; 
border: 1px solid #000000;
}

我安排了一个小提琴：https://jsfiddle.net/svpbe351/