简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:13:59
Original
2375 Leute haben es durchsucht

高手求教请问下做一个4行3列的表格不用TABLE如何用ul  li代码写


回复讨论(解决方案)

固定ul宽度高度，把li的宽度调成ul宽度的1/3，高度调成ul高度的1/4,li样式要左浮动

谢谢  学习了

其实浮动的时候还是有很多问题的
主要是浏览器的兼容性问题 还有就是你的布局是固定的 还是流体的
建议你上网多看看有关列表浮动的文章会对你很有帮助
IE6/7 浮动bug最多 但是也是最容易解决的 因为高手们都已经总结出来了解决方案 你照着来就可以了

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



 New Document 





  

       
  • 第一列第二列第三列

    •    
  • 第一列第二列第三列

    •    
  • 第一列第二列第三列

    •    
  • 第一列第二列第三列

    •   




Verwandte Etiketten：
高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写
Quelle：php.cn
Vorheriger Artikel：如何让鼠标移动到div块上就触发JS？_html/css_WEB-ITnose Nächster Artikel：为什么很多网站把样式表、图片等资源放在一个独立域名下？_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1642
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
10
1799
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1533
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1440
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1489
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！