Heim >Web-Frontend >HTML-Tutorial >div宽度固定_html/css_WEB-ITnose
div宽度固定_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 08:53:261209Durchsuche
<html><head><title>我的第一个 HTML 页面</title></head><body><div style="height:45px; width:200px; border:1px; background-color:Red; overflow:auto; display:inline;white-space: nowrap;"><div style="height:45px; width:45px; border:1px; background-color:Blue; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Green; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:LightBlue; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Grey; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Purple; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Yellow; float:left;"></div></div></body></html>
回复讨论(解决方案)
<div style="height:64px; width:200px; border:1px; background-color:Red; overflow:auto; display: inline-block;white-space: nowrap;"><div style="height:45px; width:45px; border:1px; background-color:Blue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Green; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:LightBlue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Grey; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Purple; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Yellow; display: inline-block;"></div></div>
<html><head><title>我的第一个 HTML 页面</title></head><body><div style="height:45px; width:200px; border:1px; background-color:Red; overflow:auto; display:inline;white-space: nowrap;"><div style="height:45px; width:45px; border:1px; background-color:Blue; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Green; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:LightBlue; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Grey; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Purple; float:left;"></div><div style="height:45px; width:45px; border:1px; background-color:Yellow; float:left;"></div></div></body></html>
您好，再请教您一个问题，见下面
<html><head><title>我的第一个 HTML 页面</title></head><body><div style="height:45px; width:200px; border:1px; background-color:Red; overflow:auto; display: inline-block;white-space: nowrap;"><div style="height:45px; width:45px; border:1px; background-color:Blue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Green; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:LightBlue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Grey; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Purple; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Yellow; display: inline-block;"></div></div></body></html>
和代码
<html><head><title>我的第一个 HTML 页面</title></head><body><div style="height:45px; width:200px; border:1px; background-color:Red; overflow:auto; display: inline-block;white-space: nowrap;"><div style="height:45px; width:45px; border:1px; background-color:Blue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Green; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:LightBlue; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Grey; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Purple; display: inline-block;"></div><div style="height:45px; width:45px; border:1px; background-color:Yellow; display: inline-block;"></div></div></body></html>
只是div间回车不一样，为什么效果不一样？
效果图如上
aa
和
a
a
效果也不一样啊
aa
和
a
a
效果也不一样啊
好的，谢谢
Stellungnahme：
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
Vorheriger Artikel：css遇到的垂直水平居中（个人学习笔记）_html/css_WEB-ITnoseNächster Artikel：[QMacros] 复杂宏参数的传递_html/css_WEB-ITnose