14

JADEでインラインテキストと入力アイテムの間にスペースを入れるにはどうすればよいですか？

div(data-role="horizontal", data-theme="a", data-overlay-theme="a", data-inline="true",class="ui-bar ui-grid-c")
                        div(class='ui-block-a')
                            div(data-role='fieldcontain')
                                label(for='memberaddress') Address Proof
                                textarea(id='memberaddress',name='memberaddress')
                        div(class='ui-block-b')
                            div(data-role="fieldcontain")
                                label(for="proof") Proof ID
                                select(name='proof', id='proof', data-theme='a', data-icon='bank', data-inline='true', data-native-menu="false")
                                    option(value='0') Select Proof
                                    option(value='1') Voter ID
                                    option(value='2') Driving Licence
                                    option(value='3') PANCARD
                                    option(value='4') Ration Card
                        div(class='ui-block-c')
                            div(data-role="fieldcontain")                           
                                input(type='checkbox', name='addressmatchedCheck', id='addressmatchedCheck', data-inline="true")
                                label(for='addressmatchedCheck') Address Matched

私の出力は次のとおりです。 添付画像は私の出力です

labelとtextareaの間にスペースを入れることができません。

4

4 に答える 4

9

jonathan ong が示唆するように CSS にマージンを追加するか、ラベルとテキストエリアの間に |  orを追加することができます span  

于 2012-12-04T17:17:39.697 に答える
1

「かわいい」オプションもあります

次のように jade を呼び出すことができるはずです ( http://jade-lang.com/api/を参照)。

var fn = jade.compile('string of jade', {pretty: true});

テンプレート内のすべてのノード間の出力に改行とインデントが挿入されます。

この1つのスペースを挿入するだけの場合、オプションは

label(for='memberaddress') Address Proof
=' '
textarea(id='memberaddress',name='memberaddress')
于 2015-07-01T01:07:36.900 に答える