如何使标签标签响应？

Question

我的网站上有一个标签式功能，除了标签外，它还具有响应性。我不确定要添加到我的样式表中以使标签正确包装。现在，当我缩小div的大小时，标签会溢出。

这是我所拥有的一个小提琴，到目前为止我所尝试的一切都没有奏效，任何见解都会受到高度赞赏。

谢谢！

<https://jsfiddle.net/v9eu9gsL/>

Answer 1

我知道从技术上讲，如果有一本前端圣经，响应性诫命听起来像是

  

所有设备上都应显示和访问您的内容。

但是，有了设计背景，我倾向于将其视为

  

您的内容应该可以工作，不会在任何设备上损坏。

现在，无论我如何看待它，它看起来都很糟糕，虽然它在技术上有所回应：

所以...这就是我修复它的方式：

public void printInOrder(){

    if (left != null) left.printInOrder();

     System.out.println(data);

    if (right != null) right.printInOrder();
}

public String MakeString(){

    String OrderedTree;
    StringBuilder sb = new StringBuilder();
    if (data == null) return "Tree is empty";

    if (left != null) left.MakeString();

     sb.append(data);

    if (right != null) right.MakeString();

jsFiddle

Answer 2

.ui-tabs .ui-tabs-nav li {
  white-space: normal;
}

https://jsfiddle.net/w0x7ju9y/