我有四个ul 每个ul的li里是图片,要让这四个图片横向排列 怎么弄?
回复讨论(解决方案)
css样式加上float: left;,在li里加,浮动起来就好了
css样式加上float: left;,在li里加,浮动起来就好了
试过了 没有用
<ul style="list-style: none;float: left"> <li><img style="max-width:90%" height="30px" / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="list-style: none;float: left"> <li><img style="max-width:90%" height="30px" / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="list-style: none;float: left"> <li><img style="max-width:90%" height="30px" / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="list-style: none;float: left"> <li><img style="max-width:90%" height="30px" / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul>
你怎么试的?
一般:
li {float:left} 就会浮动到左边,如果图片太大,超过一屏,也可能就是行显示了
3#的代码也是醉了的。。。。
1楼正解,3楼浪费了那么多ul干嘛
因为楼主说了四个ul,所以3#写了四个啊
首先 这个为啥使用四个ul
应该一个ul里4个li标签,li标签里有img标签
之后在li标签下使用float属性[/size]
如果你真要用四个ul,那就每个的宽高设置好,在ul里面设置浮动不就好了
四个UL???
<ul style="list-style:none;float:left;"> <li><img / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="max-width:90%"> <li><img / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="max-width:90%"> <li><img / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul> <ul style="max-width:90%"> <li><img / alt="html+css问题!新手_html/css_WEB-ITnose" ></li> </ul>
四个ul,每个ul的li里是图片,要让这四个图片横向排列,也就是每个ul里面只有一个li,要让四个图片横向排列,
当然是要在ul上加float:left

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文讨论了&lt; iframe&gt;将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

WebStorm Mac版
好用的JavaScript开发工具

Atom编辑器mac版下载
最流行的的开源编辑器