창 크기 조정 텍스트의 위치 지정

창 크기가 변경되는 동안 <p> 태그의 텍스트를 어떻게 동적으로 배치 할 수 있습니까? . 내 .map_text 요소에 넣어 용기의 일종이 제대로 위치창 크기 조정 텍스트의 위치 지정

.map_text { 
    position: relative; 
    font-size: .9em; 
    font-style: italic; 
    width: 650px; 
    overflow: auto; 
    height: 50px;  
    left: 255px; 
    bottom: 37px; 
}

: 여기

은 광산 CSS입니다. 브라우저 창 크기를 변경하려고하면 .map_text 요소가 겹쳐져 텍스트가 컨테이너 바운드 밖에 있습니다.

UPDATE : 여기 내 HTML입니다 :

<div id="some_dropbox"> 
    <form id="someForm"> 
     <p>Some text</p> 
    </form> 
    <form id="some_form_id"><input id="save_id" value="Save" disabled="disabled" type="submit" /></form> 
    <div id="columns_dropbox"> 
     <form id="some_columns_form_id"> 
    <p> 
     Select Name: 
     <option value="last_name">Last Name</option> 
     <option value="first_name">First Name</option> 
     </select> 
    </p> 
     </form> 
     <p id="map_text_id" class="map_text error">Some realy realy realy realy realy realy realy realy realy realy realy realy realy long text</p> 
    </div> 
</div>

출처

2012-12-20 Michael Z

이 넘쳐 .map_text입니다 –

방향도 관련 HTML을 ... 보여주십시오 ? – ForOhFor

오른쪽 판 위에 용기를 겹쳐 놓습니다. –

이 float: right; 추가되어이 당신 후에 무엇 : http://jsfiddle.net/J2VAY/1/

출처

2012-12-20 11:39:47 ashley

감사하지만이 기능이 작동하지 않습니다. 어쩌면 _float : left_ 여기가 더 좋지만 실제로는 텍스트가 너비에 의해 충분히 크지 않을 것입니다. 예를 들어 컨테이너가 더 작은 텍스트 일 때도 작을 것입니다.하지만이 경우 _width_ 매개 변수와 일치해야하며 더 많은 공간이있을 경우 동적으로 크기를 조정하지 못합니다. 텍스트 렌더링. –

창 크기 조정 텍스트의 위치 지정

답변

관련 문제