Get width of element with no css or width attribute

Question

Scenario: You have a div with some text, this div has no css width, no jquery width, no width attribute assigned to it in any way. However it has a width due to the content that is inside it, this is undefined, reports as "null" in jQuery. My question is: is there any way to retireve the width of this div?

@ThomasReggi: my experiments suggest that such a div does in fact report a width when using jQuery. here's a simple example at jsFiddle. Maybe there is something special about your scenario -- can you elaborate? — Lee
– Lee, Commented Dec 4, 2010 at 20:22
@Thomas , are you adding that div dynamically ?? post your html , jquery .width you definetly get you the width. — kobe
– kobe, Commented Dec 4, 2010 at 20:24
@Thomas post your complete html or make an example at jsfiddle so that we can fix your problem or we can learn a new thing....if this is a different case. — kobe
– kobe, Commented Dec 4, 2010 at 20:35
I believe an unstyled div doesn't get it's width from the content within it but will get it's height from that. So I believe the default width of a div is the width of it's container, maybe you could grab that? — subhaze
– subhaze, Commented Dec 4, 2010 at 20:40

eflorico · Accepted Answer · 2010-12-04 20:24:54Z

3

$(element).width() should give you the actual width. With $(element).outerWidth(includeMargin) you can even get the width including padding, border, and, if desired, the margin.

answered Dec 4, 2010 at 20:24

eflorico

3,6392 gold badges33 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kobe · Accepted Answer · 2010-12-04 20:27:13Z

1

with jquery you can do below

$('#id').width()

answered Dec 4, 2010 at 20:27

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Comments

Fedor · Accepted Answer · 2023-10-28 14:50:15Z

0

You can use the offsetWidth like this:

element.offsetWidth

or with a ref in React

elementRef.current.offsetWidth

edited Oct 28, 2023 at 14:50

Fedor

24.7k45 gold badges59 silver badges187 bronze badges

answered Oct 22, 2023 at 22:50

Joseph Markle

11 bronze badge

Collectives™ on Stack Overflow

Get width of element with no css or width attribute

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related