Javascript 文本对齐不起作用
我有下面的HTML代码 我需要将内容（“HAI”和按钮）对齐为中心对齐。我们如何纠正它 注意：它需要在IE7、Chrome中工作Javascript 文本对齐不起作用,javascript,html,css,Javascript,Html,Css,我有下面的HTML代码 我需要将内容（“HAI”和按钮）对齐为中心对齐。我们如何纠正它 注意：它需要在IE7、Chrome中工作 <html> <div id="popup" class="popup"> <div id = "poupContentLine1" class="poupContentLine"> HAI </div> <div id = "poupConten
<html>
<div id="popup" class="popup">
<div id = "poupContentLine1" class="poupContentLine">
HAI
</div>
<div id = "poupContentLine2" class="poupContentLine">
<input type="submit" name="ctl00$detailContentPlaceholder$btnClose" value="CLOSE" id="detailContentPlaceholder_btnClose" />
</div>
</div>
</html>
您错过了一个
.poupContentLine
因为它是一个类名-示例小提琴：您错过了一个
.poupContentLine
由于它是一个类名示例小提琴：首先，删除
popupcontentline文本对齐：居中。弹出margin:0（与您的问题无关，但所有这些“0”都不是必需的，它们会延长您的代码。）
例如：
注意：HTML也可以简化，但我没有做任何事情。首先，删除popupcontentline
样式；没必要。然后将文本对齐：居中
添加到。弹出
。另外，将其缩短为margin:0（与您的问题无关，但所有这些“0”都不是必需的，它们会延长您的代码。）
例如：
注意：HTML也可以简化，但我没有做任何事情
.popup
{
width:530px;
background-color:#ffffff;
border:3px solid Orange;
padding: 10px 5px 10px 5px;
margin: 0;
text-align:center;
}