javascript - 如何将标签对齐到 div 控件的顶部中间并在其周围绘制一个矩形？

Question

我在 div 控件中有一个标签。我想将它对齐到 div 控件的顶部中间并在该文本周围绘制一个矩形。我还想从左边一个一个地显示该标签文本的字符向右。

我如何实现这一点？

Answer 1

好吧，要将文本居中放置在 div 水平中间，您只需使用

设置样式即可

div#ctrl {
     text-align: center
}

要在文本周围有一个矩形，您需要定义一个边框，可能带有填充和边距:

div#ctrl span {
    border: 1px #333 solid;
    padding: 5px;
}

您需要使用 javascript 来为文本添加动画效果，使用 jQuery 会更容易。这里有一个工作示例的链接，我列出了您正在寻找的内容:

http://jsfiddle.net/5QdPh/

在未来尝试做更多的研究，并针对以前没有回答过的具体问题提出问题。所有这些都是基本的、有据可查的东西。