레이블의 부트 스트랩 인라인 "너비"스타일

인라인 스타일로 부트 스트랩 레이블의 너비를 조정하려고합니다. 레이블의 부트 스트랩 인라인 "너비"스타일

<td><span class="label label-info" style="width:30px; text-align:center; background-color:#6d8cbf"> TEXT </span></td>

불행하게도, 내 레이블이 30 픽셀의 크기를 가지고 있지 않습니다

이 내 코드입니다. 항상 자동으로 텍스트 길이에 따라 필요한 최소 크기로 자동 조절됩니다.

누군가 도움을 주길 바랍니다. 감사합니다

2016-12-02 C. Hediger

span은 인라인 요소이므로 너비와 높이가 없습니다.

단순히 인라인 스타일에 display: block을 추가하는 것입니다.

<td> 
    <span style="display: block; width: 30px;">TEXT</span> 
</td>

텍스트에게 당신은 또한 padding를 사용할 수있는 더 많은 공간을 제공합니다. 예 :

<td> 
    <span style="padding: 10px 20px;">TEXT</span> 
</td>

2016-12-02 08:03:43 SvenL

답장을 보내 주셔서 감사합니다. 하지만 작동하지 않습니다. http://www.bootply.com/AtikxSvhQT –

감사합니다. 기본적으로 작동합니다. 그러나 본문은 더 이상 중심이 맞지 않습니다 .... 그러나 그것은 효과적입니다. 고맙습니다. –

반갑습니다. _ 중심이 잘 맞지 않으면 수평 또는 수직을 의미합니까? 왜냐하면 내가 그 결과를 보았을 때, 텍스트는 중심이 잘 잡힌 것처럼 보였기 때문입니다. – SvenL

답변