摘要:[Asp.net]updatepanel之外面之後緊接控制項且不換行
直接看圖:
textbox被包在updatepanel (Ajax)內,
而button是放在updatepanel (Ajax)外,
我的目的是想讓button緊連在textbox外,
但若把button上移,button就會自動放入updatepanel了,
這樣button按下去後整頁的postback效果就被擋掉,
就無法提交表單了,
該怎麼修改讓button緊連在textbox外卻又不會被置入updatepanel中呢?
利用CSS,請先看圖:
說明:
一、因為updatepanel是「區塊元素」,而在CSS中「區塊元素」的標籤只要一使用,
它就會整個區塊範圍就會佔滿整頁面的寬,就算這區塊中只放一個字,
它仍然會佔滿整個頁面的寬,
故須把updatepanel轉成「線性元素」→ display:inline
「線性元素」就可以讓updatepanel中的內容物實際多寬updatepanel就多寬,
然後在updatepanel後方的控制項就可以緊連在尾端了。
區塊元素(block)與線性元素(inline)的區別,可另參考下列網址:
http://www.webtech.tw/info.php?tid=37
二、除了使用display:inline來轉成線性元素外,
另須可視需要指定個寬度給updatepanel。
就算不指定寬度,一樣可以達到我的需求.
三、以我此範例而言,我的button想要緊接著textbox,
故textbox不可以被用<p>包起來,否則button仍會被換行,
因為<p>標籤的屬性就是有換行效果。
--
強烈建議購物網店或實體店家都必須使用關鍵字廣告or原生廣告來 將Yahoo上與聯播網的廣大流量導至自己的網站!
●Yahoo關鍵字廣告/原生廣告
◆Yahoo廣告方案介紹 : https://goo.gl/5k8FHW
◆Yahoo廣告剖析與運用 : http://goo.gl/4xjUJD