2014-12-03 5 views
0

Предположим, у меня есть элемент div, внутри которого есть текст. Можно ли вычислить длину самого текста? Довольно часто длина div намного больше длины текста внутри? Вот образ такого div. Как найти центр текста внутри элемента html

Чистое решение javascript для этого было бы здорово!

+0

Что вы пробовали до сих пор? Предоставьте несколько html. Вы используете jQuery? –

+0

использование дисплей: встроенный блок; (который будет иметь размер до контейнера до размера текста) и получить размер этого элемента в JS. – frenchie

+0

Да, решение js было бы замечательно – ganqqwerty

ответ

1

Welp, ваш div является блочным элементом, поэтому, если вы используете Javascript для получения ширины, это будет полный div. Я бы рекомендовал обернуть ваш внутренний текст <span> (встроенные элементы), а затем посмотреть на ширину пролета.

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

BTW, я просто скопировал код от How do I retrieve an HTML element's actual width and height?.

1

Попробуйте это, чтобы получить длину текста внутри сНа

<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> 
Смежные вопросы