css怎么让图片横着排列

藏色散人
Freigeben: 2022-12-30 11:11:28
Original
11940 Leute haben es durchsucht

css让图片横着排列的方法:首先创建一个div来包裹所有的图片;然后隐藏外层div在纵向的滚动条,将横向滚动条设置为自动;最后设置外层div的white-space属性值为nowrap即可。

css怎么让图片横着排列

本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。

推荐:css视频教程

css让图片横着排列

下面直接通过代码示例来介绍一下:

      
Nach dem Login kopieren

效果图:

1.gif

注意,img标签不能左浮动,外层容器必须加不换行。

Das obige ist der detaillierte Inhalt voncss怎么让图片横着排列. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
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 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!