폭 DIV

Question

내 HTML :

<table class="tab"> 
    <tr><td>aa</td><td>aa</td><td>aa</td></tr> 
    <tr><td colspan="3"><div class="in">bbb</div></td></tr> 
</table> 

<table class="tab"> 
    <tr><td>aa</td><td>aa</td><td>aa</td></tr> 
    <tr><td colspan="3"><div class="in">bbbbb</div></td></tr> 
</table> 

내 CSS : 나는 녹색 배경이 모든 TD를 들어,이 DIV의 텍스트와 동일한 폭을 갖는 것을 설정하는 방법

.tab td { 
    padding: 3px; 
    border: 1px solid red; 
} 

.in { 
    background-color: green 
} 

?

라이브 : http://jsfiddle.net/xE4gS/

Answer 1

, 당신은 녹색 배경이 div의 텍스트와 같은 폭되고 싶지 사업부에서, 범위에 텍스트를 추가 ?

div을 span으로 변경하십시오. div은 블록 수준 요소이며 한 줄에 하나의 요소 만 표시 될 수 있으므로 사용 가능한 모든 가로 공간을 자동으로 채 웁니다. span과 같은 inline 요소를 사용하면 여러 요소를 한 행에 배치 할 수 있습니다. 당신이 색깔 당신이 스팬에 사업부를 변경할 수 있습니다 사업부 내부의 텍스트와 같은 폭 녹색 배경을 원하는 경우

또는, this fiddle

Answer 2

는 범위가 아닌 사업부에 넣어? 그것이 당신이 원하는 것이라고 가정합니다.

<table class="tab"> 
    <tr><td>aa</td><td>aa</td><td>aa</td></tr> 
    <tr><td colspan="3"><div><span class="in">bbb</span></div></td></tr> 
</table> 

http://jsfiddle.net/infernalbadger/xE4gS/2/

Answer 3

내가 제대로 이해했다면

<span class="in">xbbbb</span> 


span.in { 
background-color: green; 
} 

Answer 4

에서와 같이 div 인라인을 만들 수 있습니다.

w3School 출신 : 이 태그는 문서의 인라인 요소를 그룹화하는 데 사용됩니다. 태그는 시각적으로 변경되지 않습니다. 태그는 텍스트의 일부 또는 문서의 일부에 후크를 추가하는 방법을 제공합니다. 텍스트를 span 요소에 연결하면 콘텐츠에 스타일을 추가하거나 JavaScript 등으로 콘텐츠를 조작 할 수 있습니다.

http://www.w3schools.com/tags/tag_span.asp