2012-06-22 77 views
3

是否有可能在jquerymobile中的fieldcontain樣式textarea(水平從第二列開始)下放置文本?如果可能的話,我想使用原生jquerymobile標記,而不是創建開銷CSS/JavaScript。位置第二個元素在fieldcontain表單元素

FIDDLE

--------------------------------- 
       ---------------- 
label   | Textarea  | 
       ---------------- 
      --->|ANOTHER TEXT ALIGNED LEFT WITH "Textarea" ABOVE 
anotherLabel .... 
--------------------------------- 

我也加入了這個帖子到GitHub的發行請求here。他們還建議使用我自己的css定義,這實際上並不是我所希望的,因爲我不想創建很多開銷的CSS,當然也不想現在修改jQuery css。

+2

嘿男人,這是Css的問題,你的意思是'邊緣剩下'嗎?對不起,如果我聽起來有點厚,但你想要做什麼呢! –

+0

@Tats_innit添加jsfiddle – mayrs

+0

看上去似乎是,你需要設置左邊距的文字「230 250字左左」。 – KutePHP

回答

0

這就是我解決問題的方法。工作絕對好!

@media all and (min-width: 450px) { 
    .ui-my-addition-element-info { 
     display: inline-block; 
     margin-left: 22%; 
    } 
} 

剩餘22%的餘量是默認標籤寬度爲20%的結果,標籤的額外餘量爲2%。 css類.ui-my-addition-element-info不是默認的jquerymobile類,但我嘗試儘可能地匹配命名方案。

+0

這看起來很脆弱(如果主題包含不同於'22%'和'450px'規則)。是否有JQM將文本標記爲與表單元素保持一致的標準方式? – cherouvim

+0

我會建議編寫一個less或sass模板,但jquery mobile中沒有包含css框架。但是因爲我在一個額外的文件中保留我的修改,並且主題不經常改變,所以我認爲這是一個很好的解決方案。 – mayrs

1

這是你想要達到的效果嗎http://jsfiddle.net/z8w6r/13/

+0

或者這個:http://jsfiddle.net/LU7PT/ +1給你我不會放任何答案,因爲你知道我想說的是什麼+1':)' –

+1

指甲吧!但我想知道是否可以使用jquerymobile標記而不是創建自定義的JavaScript代碼,這些代碼對我的代碼庫來說或多或少都很混亂,而且在這一點上也非常具體。 – mayrs

+0

對不起,我對jquerymobile不熟悉。 – slash197

相關問題