我试图以水平方式显示'headeri'的每个元素,如果它有任何帮助,我已经附加了js。我试着使用标签和img标签(依次是这两个标签)将class和id名称(它们都反过来)添加到css文件中,但无济于事。css display:inline not working
var loaded = false;
function loadImages(){}
function react(img, plain){}
function loadImages()
{
img1plain = new Image(0,0);
img1plain.src = 'plain1.gif';
img1over = new Image(0,0);
img1over.src = 'over1.gif';
img2plain = new Image(0,0);
img2plain.src = 'plain2.gif';
img2over = new Image(0,0);
img2over.src = 'over2.gif';
img3plain = new Image(0,0);
img3plain.src = 'plain3.gif';
img3over = new Image(0,0);
img3over.src = 'over3.gif';
loaded = true;
}
function react(img, plain)
{
\t if (loaded)
\t \t {
\t \t if (plain) document[img].src = eval(img + "plain.src");
\t \t else document[img].src = eval(img + "over.src");
\t \t }
}
.headeri{
\t
\t display: inline-block;
}
<header>
\t <A HREF="#top" class="headeri" onMouseOver="react('img1', false);return true" onMouseOut="react('img1', true);return true"><IMG SRC="plain1.gif" NAME="img1" WIDTH=150 HEIGHT=25 BORDER=0></A><BR>
\t <A HREF="#top" class="headeri"onMouseOver="react('img2', false);return true" onMouseOut="react('img2', true);return true"><IMG SRC="plain2.gif" NAME="img2" WIDTH=150 HEIGHT=25 BORDER=0></A><BR>
\t <A HREF="#top" class="headeri"onMouseOver="react('img3', false);return true" onMouseOut="react('img3', true);return true"><IMG SRC="plain3.gif" NAME="img3" WIDTH=150 HEIGHT=25 BORDER=0></A><BR>
</header>
您在代码中创建一个新的换行有''
。将它们从代码中移除并且不需要'display:inline-block;'作为''不是块项目 – Andrew
删除
两个标签之间 –
此外,您的代码看起来有些奇怪,是一些'All Caps'和一些'Lower案件'你应该有所有'小写'代码 – Andrew