Как установить ширину div точно Ровно ширина слова в нем

Question

это демо: http://jsfiddle.net/KwYjr/10/

как установить ширину синего div точно Ровно ширина слова

спасибо

Answer 1

CSS:

display:inline;

Answer 2

Я обновил вашу скрипку, чтобы продемонстрировать ответы.

Answer 3

установка div для отображения inline сделает div точной шириной:

display: inline;

однако, если вы попробуете это на вашем образце, перетаскиваемая панель перейдет влево и вправо. если вы все еще хотите сохранить то же движение вверх-вниз, вам нужно обернуть его в другой div, а затем поместить в него встроенный div, например:

<div id="a" style="position:absolute;width:200px;height:200px;background:red;word-wrap:break-word;">
    <div id="b"><div style="background:blue; display: inline;">sssssssss</div></div>
</div>

Answer 4

Рассмотрите возможность использования <span>.у них нет собственного форматирования, и поэтому они должны помочь вам обернуть или что вы пытаетесь.

РЕДАКТИРОВАТЬ: интервалы - лучший / стандартный способ делать "встроенные" вещи.div по умолчанию являются блочными элементами.

Answer 5

Установить ширину для авто

http://jsfiddle.net/ozzy/KwYjr/24/

или

http://jsfiddle.net/ozzy/KwYjr/25/

Answer 6

Я не знаю, как определить ширину слова, но вы можете установить фиксированный размер букв, который легко даст вам ширину каждой буквы, которая затем даст вам ширину слов. Затем измерьте ширину div с помощью Javascript:

document.getElementById("thediv").style.width;

Это то, что вы хотели сделать?