0

我正在尝试在 radio-play.gif 按钮的左侧放置一些空间。可以在此代码中添加什么来实现这一目标？

谢谢！

// Last (only one on Mac) row has the VCR buttons.
//
s += '<td>';
s += '<img border="0" src="/images/dot.gif" width="81" height="' + gPreBtnVertSpace + '"><br>';
s += '<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'playnow\')">';

if (player != 'MP3')
    s += '<img alt="STOP" src="' + imageDir + 'radio-stop.gif" width="72" border="0" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'stop\')">';

s += '</td></tr>';

document.write(s);

// removing mute button
var myEl = document.getElementsByName("mute");
var elP = myEl[0].parentNode.parentNode;
elP.removeChild(myEl[0].parentNode);
4

4 回答 4

2

为标签设置一个边距img（它需要display:inline-block;为此）或添加一个&nbsp;（无中断空间）。

可能保证金将是我的首选方式，例如

img{
  display:inline-block;
  margin-left:5px;
}

或者

s += '&nbsp;<img alt="PLAY" ...

顺便说一句：正确的方法是通过创建<td>and<img>元素document.createElement，然后将它们附加到 dom。（或者使用jquery，那里简单一些）

于 2012-06-22T15:21:07.707 回答
1

您可以从字面上将空格字符放在它前面。我会用CSS来做。给图像一个类class="whatever"，然后在 CSS 中：

.whatever {
    margin-left: 10px;
}

由于您已经内联，您可以在内联 css 中添加边距。

于 2012-06-22T15:21:46.817 回答
0 
s += '&nbsp;<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'playnow\')">';

或者，更正确地说，

s += '&nbsp;<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; margin-left:5px;" onclick="HandleAction(\'playnow\')">';
于 2012-06-22T15:22:08.687 回答
0

如果“空间”是指呈现按钮元素左侧的视觉呈现空间，则通常使用 CSS 来完成。一个常见的实现是图像标签本身，或者图像标签的容器，具有适当分配空间的 CSS 类属性。为了让 CSS 做到这一点，请查看诸如填充、边距、绝对与相对定位、left或right属性等内容。

于 2012-06-22T15:23:32.137 回答