如何将标签对齐到div控件的顶部中间，并在其周围绘制一个矩形？
如何将标签对齐到div控件的顶部中间，并在其周围绘制一个矩形？
提问于 2012-08-03 15:04:39
我在一个text.And控件中有一个标签，我想把它与div控件的中间位置对齐，并在该div控件周围画一个矩形，我还想从左到右一个接一个地显示该标签的文本字符。
我该如何实现这一点？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-03 15:23:12
要将文本水平居中显示在div的中间，只需使用以下命令设置样式
div#ctrl {
text-align: center
}要使文本周围有一个矩形，您需要定义一个边框，可能带有填充和边距：
div#ctrl span {
border: 1px #333 solid;
padding: 5px;
}您需要使用javascript来使文本具有动画效果，而使用jQuery则更容易。下面是我给出的你想要的工作例子的链接：
http://jsfiddle.net/5QdPh/
在未来，尝试做更多的研究，并就以前没有得到回答的具体问题提出问题。所有这些都是基本的、有充分记录的东西。
Stack Overflow用户
发布于 2012-08-03 15:24:17
这是第一部分：
http://fiddle.jshell.net/VdmFV/
对于第二部分，您需要一些奇特的javascript / jQuery，您应该先尝试一下，然后再回到这里获取指针。
Stack Overflow用户
发布于 2012-08-03 15:33:09
<style>
#control {
width:200px;
height:200px;
background:#ddd;
text-align: center
}
#label {
border:1px solid red;
}
</style>
<div id='control'>
<span id='label'></span>
</div>
<script>
var label = document.getElementById("label");
var msg = "Message";
var i = 0;
var interval = setInterval( function() {
label.innerHTML = msg.substr(0,i);
i++;
if ( i == msg.length ) {
clearInterval(interval);
}
}, 1000)
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11790881
复制相关文章
相似问题
腾讯云开发者
