[Asp.net][AJAX](note)updatepanel之外面之後緊接控制項且不換行

摘要:[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

 

​​