javascript question: text width

DDD888

Good morning,

I have a html element need to set the element width to be little bigger than the text display inside. How can I get the width of the text in p element in javascript/jquery?

TIA

周星星1832

should use css.not js

DDD888

周星星1832 发表于 3-10-2014 07:39
should use css.not js

I don't understand what you said. Show me the code of css.

My text is dynamic. It will change based on user action. It is not fixed. So the width is dynamic too.

周星星1832

DDD888 发表于 3-10-2014 07:44
I don't understand what you said. Show me the code of css.

My text is dynamic. It will change ...

long story short， make that dame a element a fixed with and block element

mason00

http://www.w3schools.com/cssref/pr_text_white-space.asp

nowrap咯，拿text的长度算不准的，你要知道字号什么的，思路是不要换行。

DDD888

周星星1832 发表于 3-10-2014 08:33
long story short， make that dame a element a fixed with and block element

If the text is long, will the element change width based on the text length?

周星星1832

DDD888 发表于 3-10-2014 09:00
If the text is long, will the element change width based on the text length?

no....wrap the text then

DDD888

mason00 发表于 3-10-2014 08:47
http://www.w3schools.com/cssref/pr_text_white-space.asp

nowrap咯，拿text的长度算不准的，你要知道 ...

不能换行，我知道字号，我设置字号啦

我现在是随便假设字符宽度是18，但我想得到个通用的算法

周星星1832

this might help you.
http://blog.mastykarz.nl/measuri ... s-using-javascript/
but again,  it's a design problem

周星星1832

or this
http://stackoverflow.com/questio ... n-javascript-jquery

it's just fucking pain of us..

mason00

DDD888 发表于 3-10-2014 09:02
不能换行，我知道字号，我设置字号啦

我现在是随便假设字符宽度是18，但我想得到个通用的算法

nowrap就是不换行呀，你的目的就是别换行对伐啦

DDD888

mason00 发表于 3-10-2014 09:40
nowrap就是不换行呀，你的目的就是别换行对伐啦

Yes, and fit the element width same as text length.

sylar_yu

css

padding: 10px;
or
padding-right: 10px;