javascript - 需要帮助来减少按钮的宽度

Question

我的朋友为我设计了我的网页，但现在已经去度假了，我只知道最基本的东西。我想减小我的一个页面上按钮的宽度。

我认为这是编码的一部分（它说（“.betbutton）我需要改变但只是不知道如何 - 希望有人可以帮助我 - 谢谢

$(".betbutton").click(function(){
$("#numberofbets").html(this.attributes["nob"].value);
bet = this.attributes["bet"].value;

这是它在我的网站上实际外观的问题，需要减小尺寸，以便按钮全部向左移动。 http://freebetoffersonline.com/bet-calc.php

score 1 · Accepted Answer

我不会给你一条鱼，而是教你钓鱼。

首先使用Firefox，然后安装Firebug 扩展。重启火狐。

重新启动后，应该有一个 Firebug 菜单，打开它。

打开 Firebug 后，单击蓝色箭头图标，您可以选择元素检查器。

然后使用元素检查器检查“按钮”元素。

Firebug 右侧有一个“样式”选项卡，它会显示样式，包括width来自各种 CSS 类的样式。它还将向您显示 CSS 样式表的位置。

更好的是，您可以更改样式，包括width要测试的样式，看看您认为可能有效的更改是否会真正实现您认为的效果。

score 0 · Accepted Answer

在 style.css 的第 797 行，有该.bidlist width属性。将其减小到 580px 并看到它们缩小:)

您的朋友将按钮设置为投标列表容器宽度的 25%，因此每行将有 4 个适合。如果您减小父容器的宽度，它们也会缩小。在 style.css 文件中，实现了所有元素的设计，包括容器宽度。所以这是您更改的部分，而不是 HTML（标记）中的某个位置。

score 0 · Accepted Answer

当您使用 Chrome 的 Web Inspector 查看按钮时，您会发现它们具有动态宽度。具有类名 .bidlist 的容器具有 880 像素的固定宽度。将其更改为〜560px，你应该没问题:-)

score 0 · Accepted Answer

我不确定您要更改哪些按钮的大小，所以这个答案将是相当通用的。

您需要使用 CSS。在 HTML 中放置按钮style="width:100px;"或您想要的任何宽度。如果style按钮的 HTML 中已经有一个属性，只需添加width:100px;到样式中。

4 回答 4