새 줄로 HTML 오버플로

-7

<div style="width:300px"> 
<input type="text" id="t1" width="140px"> 
<input type="text" id="t2" width="140px"> 
<input type="text" id="t3" width="140px"> 
</div>

세 번째 텍스트 상자는 gettibg 오버플로입니다. 세 번째 텍스트를 CSS를 통해 새 줄에 넣고 싶습니다. 가능한가?새 줄로 HTML 오버플로

출처

2013-05-30 Pearl

를 만들 JSFiddle은 당신이 의미하는 바를 보여줍니다. http://jsfiddle.net/ –

질문에 [JSfiddle] (http://jsfiddle.net/)을 만들 수 있습니까? – Pranav

하지만 세 번째 입력은 실제로 자체적으로 새 줄에 배치됩니다. 너 우리에게서 원하는거야? : D 만약 내가 halucinating 아니에요 http://jsfiddle.net/goodfriend/cVyTZ/ 당신은 어떤 CSS를 설정해야합니까? 만약 그렇다면 그냥 우리에게도 당신의 CSS 코드를 게시하십시오. –

네, 가능하다고, 단순히 처음 두 입력을 왼쪽으로 떠 코드는 다음과 같이 유지 :

이

HTML :

이

<div style="width:300px"> 
<input type="text" id="t1" width="140px"> 
<input type="text" id="t2" width="140px"> 
<input type="text" id="t3" width="140px"> 
</div>

CSS :

#t1{ 
    float:left; 
} 
#t2{ 
    float:left; 
}

FIDDLE

출처

2013-05-30 12:00:27 konnection

이 코드는 원래 코드가 이미 수행 한 것과 어떻게 다른가요? http://jsfiddle.net/goodfriend/cVyTZ/ – cimmanon

이것은 "나는 css를 통해 새 줄에 세 번째 텍스트를 넣고 싶다"라는 그의 질문에 대답하고 두 번째 텍스트 상자는 세 번째 줄뿐만 아니라 두 번째 줄에 있습니다. – konnection

OP는 두 번째 입력이 새 줄에 있어서는 안되며 세 번째 입력 만 있어야한다는 것을 지정하지 않습니다. – cimmanon

제공하는 코드가 오버플로되어서는 안됩니다. http://jsfiddle.net/zZueP/

에서

참조 데모 당신은 다른 규칙이 적용 당신이 올바른/제거해야합니다 (div 요소에 아마도 white-space:nowrap)가 있어야합니다.

출처

2013-05-30 11:54:54

새 줄로 HTML 오버플로

답변

관련 문제