jquery로 span의 실제 너비를 감지하는 방법

div 요소에서 span의 실제 너비를 얻고 싶습니다.이 요소는 특정 너비를 갖지만 div의 너비를 지정하면됩니다. jquery로 span의 실제 너비를 감지하는 방법

이

내 코드입니다 :

<div class="content"> 
    <span class="type-text" id="tala">my name is marcos kasiri as2215fhkoj</span> 
</div>

이 내 CSS 코드 :

.content { 
    display: block; 
    padding: 5px 10px; 
    width: 200px; 
} 

.content span { 
    display: block; 
    word-wrap: break-word; 
    color: white; 
}

어떻게 jQuery로 실제 스팬 가치를 말해주십시오.

내 친구 너비가 200dx 인 div가 하나 있는데이 단어가 div로 더 커지면이 줄이 다음 줄로 이동한다는 의미입니다.이 너비 너비를 표시하려면 200px를 표시하고 싶지만 알고 있습니다. ...

출처

2013-08-15 kasiri182

'$ ('# tala'). width()'가 작동하지 않습니까? 또한 CSS를 통해 블록 수준으로 만들 경우 왜 ''을 사용해야합니까? – Blender

[width] (http://api.jquery.com/width/) 및 [outerWidth] (http://api.jquery.com/outerWidth/)에 대한 내용 – Itay

'get width of span'? 어디에서 정확히 코드에서 '너비가 넓어 지나요?' –

요소를 display:block으로 만들면 본질적으로 너비를 제한하는 것이 없기 때문에 컨테이너의 전체 너비를 차지하게됩니다.

시도하지 마세요. display:block. 대신 inline-block을 시도하십시오.

출처

2013-08-15 10:53:08

$ ("tala")를 사용합니다. width() 일치하는 요소 집합의 첫 번째 요소의 계산 된 너비를 반환합니다. 자세한 내용은 jquery width documentation

출처

2013-08-15 10:56:38 CSPWizard

jquery로 span의 실제 너비를 감지하는 방법

답변

관련 문제