javascript - 文本对齐不起作用

标签 javascript html css

我有以下 HTML 代码。 http://jsfiddle.net/Lijo/wJX9C/

我需要将内容(“HAI”和按钮)居中对齐。我们如何纠正它?

注意:需要在IE7、Chrome下运行

<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>

风格

.popup 
{
  width:530px;
  background-color:#ffffff;
  border:3px solid Orange;
  padding: 10px 5px 10px 5px;
  margin: 0px 0px 0px 0px;
}

poupContentLine
{
    width:530px; 
    height:auto;
    text-align:center;
    margin: 0px 0px 0px 0px;
}

最佳答案

你错过了一个

.poupContentLine

因为它是一个类名——例如 fiddle :http://jsfiddle.net/wJX9C/2/

关于javascript - 文本对齐不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10815790/

相关文章:

html - 调整 ng-lazyload-image 的大小

javascript - 单击单元格时选择单选按钮

html - 如何使用 magnific 弹出窗口在画廊的网页上包含标题?

javascript - 根据匹配的阿拉伯字母显示产品列表?

javascript - JS中如何销毁数组中的最后一项?

php - 从 php 代码调用 javascript 函数函数未定义

javascript - 浏览器后退按钮

jquery - Chrome 中平滑滚动的冲突

javascript - Phaser Sprite map 定位

html - DIV 标签不跟随高度