Tôi đã sau html,Làm thế nào để làm cho trung tâm hình ảnh theo chiều dọc trong Jquery Mobile ListView Control?

<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 
</head> 
<body> 

<div data-role="page"> 

    <div data-role="header"> 
     <h1>My Title</h1> 
    </div><!-- /header --> 

    <div data-role="content">  
     <ul data-role="listview"> 
        <li> 

     <a href="#"> 
      <img width="80" height"80" src="http://www.gravatar.com/avatar/7efa2e4098f60c15d230436ca99d7250?s=32&d=identicon&r=PG" /> 
      <h3>New Latest One</h3> 
      <p>$12,000</p> 
     <input type="text" style="width:75px"/> 
      </a> 
      </li> 
     </ul> 

    </div><!-- /content --> 

</div><!-- /page --> 
<style> 
     .ui-input-text{ 
      width: 75px; 
     } 
    </style> 
</body>

Nhưng hình ảnh không phải là ở trung tâm theo chiều dọc. Làm thế nào để làm cho nó trung tâm?

Nguồn

2013-03-25 user960567

Bạn có nghĩa là theo chiều dọc, không có điểm nào trong việc căn giữa nó theo chiều ngang? – Gajotres

@Gajotres, sửa lỗi. Tôi đã cập nhật câu hỏi – user960567

Tôi giả sử bạn muốn căn chỉnh thẳng đứng hình ảnh của mình. Nếu vậy, bạn chỉ cần áp dụng css này để hình ảnh của bạn:

img { 
    position:absolute; 
    top:0; 
    bottom:0; 
    margin:auto; 
}

Demo: http://jsfiddle.net/yWkGR/

Nguồn

2013-03-25 09:50:44 Eli

Bạn có thể cho tôi biết cách làm cho đầu vào sang phải thay vì dưới cùng không? – user960567

Bạn chỉ cần áp dụng float, xem demo này: http://jsfiddle.net/yWkGR/1/. Nếu bạn không hiểu, hãy hỏi :) – Eli

Cảm ơn bạn rất nhiều – user960567

Giải pháp

Dưới đây là một ví dụ làm việc: http://jsfiddle.net/Gajotres/XawBx/

sử dụng css:

#test { 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    margin:auto; 
    height:80px; 
    width:80px;  
}

Ghi chú cuối cùng

Nếu bạn muốn tìm hiểu thêm về cách tùy chỉnh trang và tiện ích của jQuery Mobile, hãy xem số article này. Nó đi kèm với rất nhiều ví dụ làm việc, bao gồm cả lý do tại sao là quan trọng cần thiết cho jQuery Mobile.

Nguồn

2013-03-25 09:50:48 Gajotres

Điều này cũng giống như trên – user960567

Làm thế nào để làm cho trung tâm hình ảnh theo chiều dọc trong Jquery Mobile ListView Control?

Trả lời

Giải pháp

Ghi chú cuối cùng

Các vấn đề liên quan