簡體   English   中英

向左顯示 <TD> 在右邊 <TD>

[英]Display left <TD> to the right of right <TD>

我有一個帶有兩個表單元格的表:

<table>
<tr>
<td>[Left]</td>
<td>[Right]</td>
</tr>
</table>

這是我正在使用(System.Web.Ui.Webcontrols.Wizard)的控件的簡化。

我想要完成的是這樣在右側顯示左列:

[Right] [Left]

我已經嘗試過JQuery,它的工作方式就像它,但是在移動內容時您可以看到屏幕閃爍。 這是因為呈現頁面然后執行JQuery。

我還嘗試過影響控件的呈現,然后才丟失Menu或Content的EventHandlers(取決於我移動的單元格)

我的問題:

是否可以使用CSS完成我需要的結果?

要么

如何操作向導控件以獲取右側的菜單。

我建議您使用ASP.Net控件適配器。 本文可能會幫助您了解其工作原理: ASP.NET 2.0控制適配器體系結構

關鍵思想是將向導控件的標准渲染重寫為您自己的自定義渲染方法。 這樣您就可以虛擬產生任何輸出。 在某些情況下,這可能會有些棘手。

[編輯]根據您的評論,您將能夠(如果幸運的話)依靠Microsoft附帶的ASP.Net CSS控制適配器 這些適配器的最初目標是生成干凈的W3C兼容html(使用div),而不是標准呈現(基於表)。 如果向導控件生成了一個表,則可以在CSS適配器和自定義CSS文件之間結合使用,這些CSS文件可以使用“ float:left”和“ float:right”樣式來交換列。 我沒有嘗試,但是值得一看。

就那么簡單:

<table dir="rtl">

通過從右到左,您可以使單元以相反的順序顯示,從而達到您想要的效果。 例子

var tempContentOfRightCell = $("#right").html();
$("#right").html($("#left").html);
$("#left").html(tempContentOfRightCell);

應該管用。 記住要為您的單元格添加左右ID。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM