JADE中内联文本和输入项之间的空格?

Bas*_*kar 13 pug

如何在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
Run Code Online (Sandbox Code Playgroud)

我的输出是: 附加图像是我的输出

我无法在label和textarea之间获得空间.

Pet*_*ete 8

像jonathan ong建议的那样为你的CSS添加保证金,或者你可以在你的标签和textarea之间添加 |  或者 span  

  • 这不是一个好主意,因为提交可以删除尾随的空格. (4认同)