如何定位html元素內部的文本中心

假設我有div元素，裏面有一些文本。有可能弄清楚文本本身的長度嗎？通常情況下，div的長度比內部文本的長度大很多？這是這種div的圖像。如何定位html元素內部的文本中心

純JavaScript解決方案將是偉大的！

2014-12-03 ganqqwerty

你嘗試過什麼到目前爲止內文本的長度？請提供一些html。你在使用jQuery嗎？ – 2014-12-03 17:42:02

使用display：inline-block; （它將容器的大小設置爲文本的大小）並獲取JS中該元素的大小。 – frenchie 2014-12-03 17:42:55

是的，JS的解決方案將是偉大的 – ganqqwerty 2014-12-03 17:43:17

Welp，你的div是一個塊元素，所以如果你使用Javascript獲取寬度，它將是整個div。我建議用<span>（內聯元素）包裝內部文本，然後查看跨度的寬度。

<div><span id="foo">Lorem ipsum</span></div> 
<script>var width = document.getElementById('foo').offsetWidth;</script>

順便說一句，我剛剛從How do I retrieve an HTML element's actual width and height?複製的代碼。

來源

2014-12-03 17:42:56 philtune

試試這個讓DIV

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
</script> 
    <script> 
    $(document).ready(function(){ 
     if ($('#test').text().length > 0) 
     alert($('#test').text().length); 
    }); 
    </script> 
    </head> 
    <body> 

    <div id='test'>28</div> 


    </body> 
    </html>

來源

2014-12-03 18:04:54

如何定位html元素內部的文本中心

回答

相關問題