原文地址： https://www.jeremyjone.com/533/
我们可能需要展示很多数据，并确保每个数据占一行。 但是，由于页面的宽度有限，为了展示更多的信息，同时保证不换行，必须用div嵌套的情况下，可以用ul和li的组合简单地进行。
效果图
这样长的文本可以使用旁边的滚动条完全显示。
代码！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 '/metaname=' viewport ' content=' width=device-width， initial-scale=1.0 '/meta http-equiv=' x-ua-compatible ' content=' ie=edge '/title CSS无多元素换行符/title style.ted width: 1500px； overflow :自动； background: #666； padding: 5px 0； } ul { list-style: none； width: 100%； padding-left: 0 文本对齐：左； //这样所有的ul行都靠左展示，默认为中央} li { list-style: none； 显示：在线块； } .test-img { width: 50px； height: 50px； } .pd { padding-left: 100px； }/style/headbodydivclass=' test ' ulli开始位置/li li！ -自由变换图片--- img class=' test-img ' src='./pic.png ' alt//liliaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa//lililiaaaaaaaaaaaaaaaaaaaaaaaaa.aaaaa/aaaaaaaa/aaaaaaaa/AAA 每行用ul控制就可以了。 -- /ul ul li开始位置/liliimgclass=' test-img ' src='./pic.png ' alt//liliaaaaaaaaaaa/aaaaaaa/aaaaaaaa/aaaaaaa/aaaaaaaa/aaaaad/tid 例如，在此处添加的缩进样式-- ul class='pd' li开始位置/liliimgclass=' test-img ' src='./pic.png ' alt/iliaaaaaaaa/Li/ul ulli开始位置/liliimgclass=' test-img ' src=iliaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa-aaaaa-aaaaa-aaaaa-aaaaa-AAAA-aaaaaaa-aaaaa-AAA-aa-aa-ad html的一些元素还有效，可能不一定大量今天看了同事写的代码很有感觉。 我想知道我想知道