在此处输入图像描述
a += '<a href="' + data.response.lst[i].url + '" > <img src="/img/Group 600.svg" /> <span style=" font-size: 12px;color: #094A98; font-weight: 700;font-family: open sans; padding-left: 12px; word-break: break-word;"> ' + data.response.lst[i].display_Name + '</span></a>'
我创建了一个下拉列表,在其中显示文本和图像,但当文本长度最大时,它会显示在图像的底部,如何解决?
封装一个div并分离出子元素。
我已经用display:flex; flex-direction:row; flex-wrap:wrap;
设置了父div的样式,但也可以通过用display:inline-block;
分配子元素来实现
a += '<a href="' + data.response.lst[i].url + '" ><div style="display:flex; flex-direction:row; flex-wrap:wrap;"><div><img src="/img/Group 600.svg" /></div><div><span style=" font-size: 12px;color: #094A98; font-weight: 700;font-family: open sans; padding-left: 12px; word-break: break-word;"> ' + data.response.lst[i].display_Name + '</span></div></div></a>'