CSS에서 텍스트의 너비는 어떻게 수정합니까? 다음 코드에서

Question

:

<span style="width:250px">test</span><span>test2</span> 

나는 텍스트의 크기를 변경하지 않고 250 개 픽셀을 차지하기 위해 '테스트'를합니다. 즉, 'test'라는 단어를 인쇄하고 그 다음에 픽셀이 250 픽셀 (test + 공백)의 총 너비에 도달 한 다음 나중에 'test2'라는 단어를 인쇄해야 할 수 있습니다. 이것을 달성하기 위해 어떤 CSS를 사용해야합니까?

Answer 1

당신은 다음과 같이 시도 할 수 있습니다 : Demo

HTML :

<span class="width250">test</span><span>test2</span> 

CSS :

.width250{   
    width:250px; 
    display:block; 
    float:left; 
} 

Answer 2

추가 블록 디스플레이

당신이 원하지 않는 경우 6,

<span style="width:250px; display:block;">test</span><span>test2</span> 

Answer 3

새로운 라인 블록의

display:inline-block 

대신 사용!

Answer 4

다음과 같이 CSS를 사용할 수 있습니다.

<span style="width: 250px; display: inline-block;">test</span> 
<span>test2</span>