去除li标签自动换行
Posted camg
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了去除li标签自动换行相关的知识，希望对你有一定的参考价值。
通过设置标签属性，去掉无序编号自动换行，代码如下：
<!DOCTYPE html> <html> <head> <style> #pic_list { display:block; white-space:nowrap; width:500px; overflow:auto; } #pic_list li { width:80px; height:80px; margin:3px; background:red; display:inline-block; } </style> </head> <div id="pic_list"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> </body> </html>
最后运行的样式如下：
以上是关于去除li标签自动换行的主要内容，如果未能解决你的问题，请参考以下文章