Html水平图像菜单栏

Question

我是一个业余程序员。 我正在制作游戏服务器的网站。 我想在顶部有一个水平图像菜单栏。 现在我通过将图像放在第一张截图之后的简单方法中。 https://i.imgur.com/ykUhkcQ.png 但是，当我访问我的网站从我的手机会是这个样子：正确 https://i.imgur.com/hOBjN5s.png

可有人代码这对我？ 如果有人能为我做到这一点真的很棒：D

Answer 1

请注意，网页的默认行为是流布局。

这意味着如果控件（在您的情况下图片）没有足够的空间，他们会去下一行。

为了避免这种情况，建立一个表格（1个表格，1行）并将每个图像放入一个表格单元格中。

事情是这样的：

<table> 
<tr> 
<td> 
</td> 
<img src="../../imagepath/images1.png><td> 
</td> 
image 2 goes here 
<td> 
image 3 goes here 

</td> 
... 
</tr> 

</table> 

如果你手头有足够的时间，我还建议谷歌搜索使用纯CSS Horziontal菜单栏。

有一些网站可以免费提供非常高档的菜单，而且这些菜单都是用CSS编写的。所以你需要的只是复制/粘贴到你的网页。唯一需要注意的是这些菜单主要是用CSS（后来的版本）不兼容某些浏览器的CSS构建的。