我的css代码如下，为什么读出来的图片每一行只有1个，第二个就会换行到下一行，请问怎么修改才能每行三个，第四个换行。
{/maccms:vodpagelist}
回复讨论(解决方案)
<style type="text/css"> <!-- * { margin:0; padding:0; font-size:12px; text-decoration:none; } #products { width:500px; margin:10px auto; } #products li { width:20px; height:24px; float:left; margin-left:5px; display:inline; } #products li a { display:block; } #products li a img { border:1px solid #666; padding:1px; } #products li span a { width:110px; height:30px; line-height:24px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } --> </style> 登入後複製
另外margin:10px auto是设置和表格上端的距离是10px，请问怎样才能设置与表格左边的距离也是10px。
li float 每行显示的数目与窗口宽度有关，如果向控制每行显示数目，是不是只能用Table？
我这有500个宽度，足够显示三列了。这些代码都是放在一个表格内。
多谢，距离左边10px已经实现，只是图片每一行只有1个，第二个就会换行到下一行。应该如何调整代码呢？
我这有500个宽度，足够显示三列了。这些代码都是放在一个表格内。
首页 上一页 {maccms:pagenum len=8}下一页 尾页
这是
标签的内容的。 #products li {
改了还是显示一行一个图片呢
STYLE代码做了小修改
#products li { //width:20px; //height:24px; float:left; margin-left:5px; display:inline; //border:solid 1px blue; 测试} 登入後複製
<table border="1" width="99%" id="table100"><tr> <td width="547" bordercolor="#65AD1A" height="10" style="line-height: 150%"><ul><ul id="products"> <li><a href="#"> <img src="/static/imghw/default1.png" data-src="141044911.gif" class="lazy" style="max-width:90%" style="max-width:90%" alt="我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_WEB-ITnose" ></a> <span><a href="#">人气:</a></span> </li> <li><a href="#"><img src="/static/imghw/default1.png" data-src="141044911.gif" class="lazy" style="max-width:90%" style="max-width:90%" alt="我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_WEB-ITnose" ></a> <span><a href="#">人气:</a></span> </li> <li><a href="#"><img src="/static/imghw/default1.png" data-src="141044911.gif" class="lazy" style="max-width:90%" style="max-width:90%" alt="我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_WEB-ITnose" ></a> <span><a href="#">人气:</a></span> </li> <li><a href="#"><img src="/static/imghw/default1.png" data-src="141044911.gif" class="lazy" style="max-width:90%" style="max-width:90%" alt="我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_WEB-ITnose" ></a> <span><a href="#">人气:</a></span> </li> </ul> <br></td> </tr> <tr> <td width="547" bordercolor="#65AD1A" height="10" style="line-height: 150%"></td> </tr> </td></tr></table> 登入後複製
呵呵呵，同样的代码，得到的就是两种截然不同 结果。难道和我从数据库中读取的数据有关，
把你生成的html另存为htm，修改调试，再返回去看程序输出的内容有什么问题
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
HTML：結構，CSS：樣式，JavaScript：行為
Apr 18, 2025 am 12:09 AM
HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。
HTML，CSS和JavaScript的未來：網絡開發趨勢
Apr 19, 2025 am 12:02 AM
HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。
HTML的未來：網絡設計的發展和趨勢
Apr 17, 2025 am 12:12 AM
HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。
HTML：建立網頁的結構
Apr 14, 2025 am 12:14 AM
HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。
HTML與CSS vs. JavaScript：比較概述
Apr 16, 2025 am 12:04 AM
HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。
HTML與CSS和JavaScript：比較Web技術
Apr 23, 2025 am 12:05 AM
HTML、CSS和JavaScript是構建現代網頁的核心技術：1.HTML定義網頁結構，2.CSS負責網頁外觀，3.JavaScript提供網頁動態和交互性，它們共同作用，打造出用戶體驗良好的網站。
HTML：是編程語言還是其他？
Apr 15, 2025 am 12:13 AM
HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。
See all articles
人气:[pagelist:hits] 
