作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<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;
}
您好,我在对齐和移动 HTML 代码中的文本时遇到问题。基本上,我的对话框 div 中有一些文本,但是,无论我在 CSS 中对该 div 做什么,文本似乎都不想移动或任何东西。
如果有任何帮助,我将不胜感激。谢谢。
最佳答案
对话框 div 是文本的容器。如果你想在容器内对齐文本本身,它位于“p”标签中,你需要将 css 应用于“#dialog p”。这将使您可以将其置于对话框 div 的中心。然后,您可以根据需要更改对话框 div 的宽度和位置。
#dialog p {
text-align: center;
}
关于javascript - 文本不会对齐或移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34518261/
我是一名优秀的程序员,十分优秀!