Thay đổi repeatcolumns trong datalist bằng css

[bevoll]

Thông thường khi show sản phẩm vs dalalist thì mình hay để RepeatColumns trong Datalist = 3. Nhưng dạo gần đây Mobile phát triển mình muốn khi nó hiển trên mobile màn hình (320x480) thì RepeatColumns sẽ tự động bằng 1 thì sao mọi người? Ai từng làm có kinh nghiệm chỉ mình với? Mình có edit Css mà k biết tác động đến cái repeat của datalist làm sao?

View more random threads:

• Cách load data lên gridview trong ASP.net (3tire)
• Cách load dropdownlist theo dropdownlist khác
• Khi nào cần khai báo các control trong webconfig??
• Thắc mắc làm việc với checkboxlist trong datalist
• Lỗi String or binary data would be truncated
• Cách thức refresh trang trong ứng dụng chat online bằng aspx?
• Cách nào lấy Tên Thiết Bị Truy Cập Vào Website?
• Thêm và Sửa Table có quan hệ nhiều nhiều trong mô hinh MVC như thế nào?
• Jquery không chạy trên master page và một vài hiệu ứng đính kèm
• Sử dụng dc Hashtable trong webservice lỗi: The type System.Collections.Hashtable is not supported

[bevoll]

Nếu mã nguồn của bạn đang sử dụng từ .net 3.5 trở lên, bạn nên chuyển qua sử dụng ListView thay cho DataList. Vì DataList mặc định nó sẽ tự đồng chèn table tag vào code => không tùy biến được html. Ngoài ra nếu định phát triển web cho mobile, bạn có thể xem qua jQuery Mobile hoặc Bootstrap Twitter, đây là 2 framerwork phát triển layout cho mobile chuyên nghiệp và rất dễ sử dụng

[tungns]

Datalist thì bạn để RepeatLayout = "Flow"

sau đó bạn CSS cái Item nó : display: inline-block [IMG]images/smilies/biggrin.png[/IMG]

Bạn muốn hiện bao nhiêu sản phẩm lên 1 hàng thì bạn chỉnh cái WIDTH của mỗi item đó cho phù hợp