尝试在拍卖服务页面创建简单的菜单，有一些问题

Posted 2023-03-05

【中文标题】尝试在拍卖服务页面创建简单的菜单，有一些问题

【英文标题】：Trying to create simple menu in auction service page, have some problems

【发布时间】：2017-08-03 15:59:20

【问题描述】：

我正在尝试为拍卖服务页面创建一个简单的布局，您只能在其中使用 html 中的有限功能。我正在尝试使用 css 在一行中设置 4 个按钮（图像链接），但无法实现。相反，我有一个“楼梯”。

希望有人可以帮助我。

【问题讨论】：

除了下面的答案之外，将此行

请避免使用图片链接，请自行上传图片，以免在无法访问 URL 时问题变得毫无用处。

【参考方案1】：

您需要在 CSS 中使用 display: inline-block 才能将所有按钮排成一行。

您也可以在 HTML 中使用 <input type="image"。为了便于访问，您需要为背景图片提供文本替代。

HTML

<input type="image" class="inarow" src="img_submit.gif" />

CSS

.inarow 
   display: inline-block;

【参考方案2】：

这是因为您的链接是块级元素，在样式中指定为 display: block。为了使它们在同一行中对齐，您需要向链接添加左浮动，或者将显示块更改为 display: inline-block (inline)。

HTML 代码的示例 CSS

.sale, . obuwie, . portfele, . torebki  display: inline-block; 

或

.sale, . obuwie, . portfele, . torebki  float: left; display: block; 
#odsylacz1  clear: both; 

我还建议您清理一下整个代码，并可能在链接中使用图片。

希望对你有帮助