0

부트 스트랩 3의 열은 분명히 표시 크기에 따라 크기가 조정되지만, 같은 방법으로 텍스트의 비율을 조정할 수 있습니까?폭을 표시하기 위해 부트 스트랩 3 내용 (주로 텍스트)을 동적으로 확장합니까? 빠른 응답 텍스트 크기

글꼴 크기 만 설정할 수있는 것처럼 보이지만 단어 또는 문장이 화면에 표시되는지 여부는 내용 (문자 수)에 따라 다릅니다.

화면이나 부트 스트랩 3 그리드에 맞도록 텍스트 조각을 동적으로 조정할 수 있습니까? 텍스트 오버 플로우 속성의

답변

0

사용 :

#div1 { 
    white-space: nowrap; 
    width: 12em; 
    overflow: hidden; 
    text-overflow: clip; 
    border: 1px solid #000000; 
} 

#div2 { 
    white-space: nowrap; 
    width: 12em; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    border: 1px solid #000000; 
} 

<p>The following two divs contains a long text that will not fit in the box. As you can see, the text is clipped.</p> 

<p>This div uses "text-overflow:clip":</p> 
<div id="div1">This is some long text that will not fit in the box</div> 

<p>This div uses "text-overflow:ellipsis":</p> 
<div id="div2">This is some long text that will not fit in the box</div> 
+0

감사합니다,하지만 난 내 문제에 대한 해결책이 점을 설정하는 방법을 참조하지? PHP에서 생성 된 내용으로 Bootstrap3 행 (전체 디스플레이 너비에서)이 있다고 가정합니다. "Welcome $ userName". 이 텍스트의 크기를 조정하고 사용 가능한 가로 공간에 맞히려면 어떻게해야합니까? (또한 브라우저 창 크기를 조정하거나 모바일 장치를 회전하면 디스플레이 너비가 변경되므로 텍스트 크기가 적절하게 조정되어야 함을 의미 함) –

+0

내 대답은 문제가 해결 될 것이라고 생각하지만 문제가되지 않습니다. PHP :) –

+0

글꼴 크기 (px 또는 em 단위 또는 % 단위)를 설정하는 것이 전체 텍스트의 크기 또는 길이를 고려하는 방법을 모르겠습니까? 글꼴 크기는 주로 문자 * 당 크기 *와 관련이 있습니다. 필자는 텍스트 (또는 문자의 길이 또는 문자 수)를 미리 알지 못한다는 것을 나타 내기 위해 PHP를 언급했습니다. 그래서 글꼴 크기 만 설정하면 전체 텍스트가 현재 디스플레이 너비에 맞는지 또는 일치하는지 알 수있는 방법이 없다고 말하고 싶습니다. 아니면 거기에 있습니까? –