第二个难题是点击食谱按钮之后弹出该饮食的详细信息,其中食谱的名字与食材的数据内容如果输入特殊字符,会导致无法换行的情况(如图),为解决这个问题,需要重新调整一下这两个标题的属性。
为了让特殊字符能够换行,经查阅资料,修改这两个标题的属性如下:
style=‘word-break: break-all;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;’