Javascript 文本赢得'；不能对齐或移动_Javascript_Jquery_Css_Html

Javascript 文本赢得'；不能对齐或移动

javascript jquery css html

Javascript 文本赢得'；不能对齐或移动,javascript,jquery,css,html,Javascript,Jquery,Css,Html,你好 var计数器=0；函数showDialog（）{ 如果（计数器==0）{ $（“#dialog p”）.html（“测试第二行！”）； } 如果（计数器==1）{ $（“#dialog p”）.html（“测试第三行！”）； } //将计数器增加1 计数器++； } 身体{ 线高：0； } #容器{ 浮动：左；高度：630px；宽度：1155px； } #背景{ 背景图片：url（images/images/second1.jpg）；浮动：左；高度：420px；宽度：1155p

你好

var计数器=0；函数showDialog（）{ 如果（计数器==0）{ $（“#dialog p”）.html（“测试第二行！”）； } 如果（计数器==1）{ $（“#dialog p”）.html（“测试第三行！”）； } //将计数器增加1 计数器++； } 身体{ 线高：0； } #容器{ 浮动：左；高度：630px；宽度：1155px； } #背景{ 背景图片：url（images/images/second1.jpg）；浮动：左；高度：420px；宽度：1155px； } #对话{ 背景图片：url（images/images/second2.jpg）； z指数：100；浮动：左；高度：210px；宽度：1029px；左：70像素；顶部：618px；字体大小：25px； } 您好，我在HTML代码中对齐和移动文本时遇到问题。基本上，我的对话框div中有一些文本，但是，无论我在CSS中对该div做什么，文本似乎都不想移动或做任何事情

如果有任何帮助，我将不胜感激。谢谢。

您的对话框div是文本的容器。如果您想在容器中对齐文本本身（位于“p”标记中），则需要将css应用于“#dialog p”。这将使它在对话框div中居中。然后可以根据需要更改对话框div的宽度和位置

<body>
<div id="container">
    <div id="background"></div>
  <div id="dialog">
        <p>Hello there!</p>
    </div>
    <div id="button" onclick="showDialog()">
        <img src="images/images/sceond3.jpg" width="126" height="210" alt=""/>
    </div>
</div>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

var counter = 0;
function showDialog() {
    if (counter == 0) {
        $("#dialog p").html("Testing Second Line!");
    }
    if (counter == 1) {
        $("#dialog p").html("Testing Third Line!");
    }
    //increase counter by 1
    counter++;
}

</script>
</html>


body {
    line-height:0;
}

#container {
    float: left;
    height: 630px;
    width: 1155px;
}

#background {
    background-image: url(images/images/second1.jpg);
    float: left;
    height: 420px;
    width: 1155px;
}

#dialog {
    background-image: url(images/images/second2.jpg);
    z-index: 100;
    float: left;
    height: 210px;
    width: 1029px;
    left: 70px;
    top: 618px;
    font-size:25px;
}

您是否尝试过设置位置：绝对？您是否尝试过添加

text align:left

到您的对话div？

文本对齐

不需要采用单独的样式。它可以直接进入#对话框。例如：这是真的，但是我把重点放在文本上，因为我只提到了这些，最终可能会有其他元素，比如div中的图像，他们可能不希望居中。这很好。这样的结构更好，但在回答中，你说这是问题的一部分，而事实并非如此。对我来说是有效的：）使用#dialog p{}我可以将任何css样式应用于它，而且它有效，非常感谢！或者，您可以在方法调用期间更改文本对齐属性：

#dialog p {
    text-align: center;
}