iT邦幫忙

1

使用div做輸入框標題

rr8r8r8r8tw 2 月前4338 瀏覽

請問是否能純用div
達成UserName這個標題出現在輸入框的左邊呢?
還是說用form表單比較方便?

		<div id="main">
		<div>UserName</div>
	    <div style="margin-bottom:10px">	
		    <input id="UserName" type="text" style="width:100%;height:40px;padding:12px"></div>		
		<div>PassWord</div>
        <div style="margin-bottom:20px">
            <input id="PassWord"  type="password" style="width:100%;height:40px;padding:12px"></div>
		<div>
             <a href="#" style="padding:5px 0px;width:100%;" onClick="DemoLoginButton()">
                 <span style="font-size:14px;">Login</span>
             </a>
        </div>
	  </div>
fillano iT邦超人 1 級 ‧ 2 月前 檢舉
可以,但是你要改display。div預設的display是block,他會佔滿整行的寬度。你要用它來擺標題的話,需要把它改成inline-block。
rr8r8r8r8tw iT邦新手 5 級 ‧ 2 月前 檢舉
了解,謝謝您

1 個回答

0
pjchender
iT邦新手 5 級 ‧ 1 月前
最佳解答

加上 inline-block 就可以了,像這樣:

<style>
    #main div{
        display: inline-block;
    }
</style>

我要發表回答

立即登入回答