如何將標籤對齊div控件的頂部中間並圍繞它繪製一個矩形？

我在div控件中有一個標籤。我想將它對齊到div控件的頂部中間，並圍繞該文本繪製一個矩形。並且我還想從左到右依次顯示該標籤文本的字符對。如何將標籤對齊div控件的頂部中間並圍繞它繪製一個矩形？

我該如何做到這一點？

來源

2012-08-03 krrishna

wat你試過了嗎？ – Shreedhar 2012-08-03 07:06:24

我添加了一個垂直對齊的CSS樣式：頂部標籤，它已將標籤垂直地放置到頂部，但不是水平的。 – krrishna 2012-08-03 07:15:05

HTML：

在CSS ： #imagehome { 垂直對齊：頂部; } – krrishna 2012-08-03 07:22:11

好居中文本到div水平的中間，你只需用

div#ctrl { 
    text-align: center 
}

樣式它周圍有文本的矩形，你需要定義一個邊界，可能跟填充和保證金：

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

您需要使用javascript來爲文字設置動畫，使用jQuery更容易。在這裏工作示例的鏈接我鞭打的東西你要找的：

http://jsfiddle.net/5QdPh/

在將來嘗試做多一點研究，要了解情況以前沒有回答具體問題的問題。所有這些都是基本的，有據可查的內容。

來源

2012-08-03 07:23:11

js小提琴停止工作，所以這裏是另一個：http://jsfiddle.net/thundercracker/stDPd/ – 2012-08-03 15:50:18

在這裏，你去的第一部分：

http://fiddle.jshell.net/VdmFV/

Fot的第二部分你需要一些花哨的JavaScript/jQuery的，你應該首先嚐試自己再回來這裏指針。

來源

2012-08-03 07:24:17

謝謝你所有的答覆。它真的幫助。 – krrishna 2012-08-04 03:45:01

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

來源

2012-08-03 07:33:09 sq2

如何將標籤對齊div控件的頂部中間並圍繞它繪製一個矩形？

回答

相關問題