不要给div、ul、li设置宽度，可设置为100%

有多余的代码，没做删除，可自行调试删除，图片背景自己调换，文中还涉及到了

overflow：hidden下li标签图标消失问题，用list-style-position：inside；可解决图标问题，也可以改变图标样式颜色等，多余功能请读者自行探索，作者小白，大佬勿喷，谢谢！！！！

<div class="xa-main2"> <img src="img/img_li-icon.png"> <ul> <li>滚动提示文字滚动提示文字滚动提示文字滚动提示文字滚动提示文字</li> <li>滚动提示文字滚动提示文字滚动提示文字滚动提示文字滚动提示文字</li> </ul> <a><img src="img/arrow.png"></a> </div> <style> .xa-main2 { width: 100%; display: flex; align-items: center; } .xa-main2>img { height: 40px; } .xa-main2>ul { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; margin-top: 10px; margin-bottom: 10px; } .xa-main2>a { margin-right: 3%; } .xa-main2>ul>li { width: auto; list-style-type: disc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; list-style-position: inside; font-size: 16px; margin-right: 2%; } .xa-main2>ul>li::marker { color: #237ff1; } </style>

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。