HTML样式帮助

我需要帮助的HTML造型HTML样式帮助

这里的例子：

<div id="hidden" style="display: none;"> 
<label>URL:</label> 
<input type="text" name="url" size="50"/><br/> 
<input type="button" id="button2" value="Update"/> <br/> 
</div> 
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = '';" size="25"/>

，因为我们可以看到所有的元素中

<div></div>

将显示在点击按钮1（他们将隐藏在最初）。当所有的字段出现div（button2）内的另一个按钮未与按钮1对齐。

我想要的是当我单击button按钮1两BUTTON2和应对齐..

我怎样才能做到这一点？

来源

2011-08-24 Ross Taylor

<div id="hidden" style="display: none;"> 
<label>URL:</label> 
<input type="text" name="url" size="50"/><br/> 
</div> 
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display =  '';document.getElementById('button2').style.display=''" size="25"/> 
<input type="button" id="button2" value="Update" style="display:none"/>

如果你想彼此相邻的两个按钮，但第二个只能在点击另一个按钮显示出来，那么你就需要包括脚本显示按钮onclick。

来源

2011-08-24 21:29:05

thnk uu ........ :) –

-1

他们不应该没有对齐，这可能是该div的风格。

试试这个CSS

#hidden { 
    margin:0; 
    padding:0; 
}

来源

2011-08-24 21:26:59 Andre

你是什么意思“对齐”？它们是否应该水平对齐，即 - 它们应该出现在同一行上？如果是这样，你需要删除<br />标记，强制换行符，而不是设置你的div的显示为空白，但内联（如div的默认显示为块）：

<div id="hidden" style="display: none;"> 
    <label>URL:</label> 
    <input type="text" name="url" size="50"/> 
    <input type="button" id="button2" value="Update"/> 
</div> 
<input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = 'inline';" size="25" />

这将产生当你点击“获取信息”按钮，如下：

Screen shot of the horizontally-aligned result

注意，文本输入，更新和获取信息都在一行上！

如果您希望它们全都显示为左对齐，则在我测试它时，您提供的代码看起来很好。一旦点击获取信息按钮，我得到一个显示器，看起来像这样：

[INPUT "URL" AREA] 
[Update Button] 
[Get Info]

如果你不试图让你的显示器水平对齐或左对齐，那么你在找什么类型的对齐呢？如果这不是您正在寻找的答案，您可以提供图表或屏幕截图吗？

来源

2011-08-24 21:36:10

我正在寻找@Ek0nomik的水平对齐..answer是我正在寻找.. –

我普遍认同凯利刚才提到的。如果您必须保持这种精确的结构并希望水平对齐按钮，则将float:left;样式添加到<div></div>和button1可以解决您的问题。

<div id="hidden" style="display:none; float:left;"> 
<label>Url:</label> 
<input type="text" name="url" size="50" /> 
<input type="button" id="button2" value="Update" /> 
</div> 
<input type="button" id="button1" value="Get Info" onClick="document.getElementById('hidden').style.display = '';" style="float:left;" size="25" />

希望有帮助！

来源

2011-08-24 21:44:03 BobZavala

HTML样式帮助

回答

相关问题