khoảng cách giữa văn bản nội tuyến và các mục nhập trong JADE?

Question

Làm cách nào để cung cấp khoảng cách giữa văn bản nội tuyến và các mục nhập trong 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 

đầu ra của tôi là:

tôi không thể để có được khoảng trống giữa nhãn và textarea.

Answer 1

thêm lợi nhuận để css của bạn như jonathan ong gợi ý, hoặc bạn có thể thêm |   hoặc span   giữa nhãn và textarea bạn

Answer 2

Ngoài ra còn có các "khá" tùy chọn

Bạn sẽ có thể gọi ngọc như vì vậy (xem http://jade-lang.com/api/):

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

Nó sẽ chèn ngắt dòng và thụt lề trong đầu ra giữa tất cả các nút trong mẫu của bạn.

Nếu bạn chỉ muốn chèn một không gian này, một tùy chọn là

label(for='memberaddress') Address Proof 
=' ' 
textarea(id='memberaddress',name='memberaddress') 

Answer 3

Như đã xác định trong câu trả lời khác, vấn đề thực sự là với html rằng Jade tạo ra chứ không phải là css. Điều đó nói rằng, một cách để tạo ra một số không gian, mà không thay đổi đánh dấu, là thêm một lề ở bên phải của label của bạn.

@leff được đề cập sử dụng =' '. Tôi chưa bao giờ thấy điều đó trước đây, và tôi không thể tìm thấy nó trong tài liệu Jade. Tôi thích nó hoạt động, nhưng không nhìn thấy tài liệu, tôi ngần ngại sử dụng nó trong sản xuất.

Tôi nghĩ tùy chọn tốt nhất là sử dụng   bất cứ khi nào bạn cần chèn khoảng trắng cho phép văn bản được bọc.   có thể hoạt động trong trường hợp bạn mô tả, nếu bạn thực sự muốn ngăn văn bản không bao gồm các phần tử đó. Tôi là một người đề xuất cho phép tất cả mọi thứ để bọc và chảy, vì vậy tôi thường sử dụng   khi tôi cần phải đảm bảo Jade là nhổ ra một không gian.

Bạn sẽ tìm thấy   và một vài lựa chọn thay thế "không gian" khác trên trang w3c character entity reference.

Answer 4

Lựa chọn 1 (lựa chọn của tôi)

input(type='button') 
|   
input(type='button') 

Lựa chọn 2

input(type='button') 
= ' ' 
input(type='button') 

Lựa chọn 3

input(type='button') 
| 
input(type='button') 

Có ot của cô mặc dù ....