搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS float浮动多个元素示例</title> <style> ul{ margin: 0; padding: 0; list-style: none; } .thumbnail { float: left; width: 125px; height: 125px; margin: 10px; } </style> </head> <body> <ul> <li class="thumbnail"><img src="/run/images/club.jpg" alt="Club Card"></li> <li class="thumbnail"><img src="/run/images/diamond.jpg" alt="Diamond Card"></li> <li class="thumbnail"><img src="/run/images/spade.jpg" alt="Spade Card"></li> <li class="thumbnail"><img src="/run/images/heart.jpg" alt="Heart Card"></li> </ul> </body> </html>
运行结果
