Trên trang tôi đang làm việc vào lúc này, tôi dường như không thể căn giữa một bảng có hình ảnh ở hàng đầu tiên và hai cột văn bản bên dưới nó (hai các cột không được lớn hơn chiều rộng của hình ảnh) Đây là trang: http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html Tôi đã dành rất nhiều thời gian để giải quyết vấn đề này. Tôi muốn giữ nó trong HTML bởi vì tôi phải vội vàng và cũng bởi vì tôi phải tạo ra 20 trang của các loại với chiều rộng khác nhau/+ bố trí cho mỗi hình ảnh.Căn giữa trên một bảng HTML
Trả lời
Đối với thiết kế của bạn, đó là thực tế phổ biến để sử dụng divs chứ không phải là một bảng. Bằng cách này, bố cục của bạn sẽ dễ bảo trì hơn và có thể thay đổi thông qua kiểu dáng phù hợp. Nó có một số nhận được sử dụng để, nhưng nó sẽ giúp bạn một tấn trong thời gian dài và bạn sẽ tìm hiểu rất nhiều về cách tạo kiểu hoạt động. Tuy nhiên, tôi sẽ cung cấp cho bạn một giải pháp cho vấn đề trong tầm tay.
Trong bảng định kiểu, bạn có lề và đệm được đặt thành 0 pixel. Điều này ghi đè thuộc tính align="center"
của bạn. Tôi khuyên bạn nên lấy các cài đặt này ra khỏi CSS của bạn vì bạn thường không muốn tất cả các phần tử của bạn bị ảnh hưởng theo cách này. Nếu bạn đã biết những gì đang xảy ra trong CSS, và bạn muốn giữ nó theo cách đó, thì bạn phải áp dụng một kiểu cho bảng của bạn để ghi đè lên các tập trước đó. Bạn có thể đưa ra một bảng class
hoặc bạn có thể đặt phong cách nội tuyến với HTML. Dưới đây là hai lựa chọn:
Với một lớp:
<table class="centerTable"></table>
Trong file style.css của bạn, bạn sẽ có một cái gì đó như thế này:
.centerTable { margin: 0px auto; }
Inline với mã HTML của bạn:
<table style="margin: 0px auto;"></table>
Nếu bạn quyết định để tiêu diệt bên lề và padding được thiết lập để 0px thì bạn có thể giữ align="center"
trên <td>
thẻ của bạn cho bất cứ điều gì cột bạn muốn sắp xếp.
Hãy thử điều này -
<table align="center" style="margin: 0px auto;"></table>
table
{
margin-left: auto;
margin-right: auto;
}
Điều này chắc chắn sẽ hiệu quả. Chúc mừng
cảm ơn, hoạt động hoàn hảo và HTML5 tuân thủ các câu trả lời trước đó. – schlingel
Bạn là thánh! –
<table align="center"></table>
Điều này phù hợp với tôi.
- 1. Hai bảng HTML cạnh nhau, căn giữa trên trang
- 2. Căn giữa một Bảng bên trong một TD
- 3. Căn chỉnh bảng ở giữa trang
- 4. căn chỉnh hàng đầu trong bảng html?
- 5. HTML: Cách căn giữa canh một biểu mẫu
- 6. Làm cách nào để căn giữa trên một trang?
- 7. Căn chỉnh đầu vào html trên cùng một dòng
- 8. Làm cách nào để căn giữa văn bản trong hàng của bảng html?
- 9. Cách căn giữa hộp trên Twitter Bootstrap
- 10. Bảng điều khiển ngăn xếp WPF Căn giữa
- 11. Căn chỉnh một cột và căn trái một cột khác, trong một bảng
- 12. Cách căn giữa UILabel trên UIView
- 13. Căn chỉnh nhãn ở giữa bảng điều khiển dock
- 14. CSS Dọc căn giữa
- 15. cách căn chỉnh Bảng điều khiển lưới ở giữa
- 16. html/css cách căn giữa (theo chiều dọc) căn chỉnh văn bản bên trong một số <textarea>
- 17. Cách căn chỉnh hai phần tử trên cùng một dòng mà không thay đổi HTML
- 18. Căn giữa văn bản "span" bên trong một div
- 19. Python Reportlab PDF - Căn giữa văn bản trên trang
- 20. Căn giữa dọc trên thẻ liên kết khối nội tuyến
- 21. căn chỉnh dọc: giữa không hoạt động
- 22. Làm cách nào để căn giữa div?
- 23. Qt - Căn giữa hộp kiểm trong QTable
- 24. Cột bảng HTML align right
- 25. cách căn giữa biểu mẫu chính Qt trên màn hình?
- 26. Căn giữa văn bản trong một ô Multirow ở LaTex
- 27. Sắp xếp các hàng của bảng HTML ở trên cùng
- 28. Làm cách nào để tạo danh sách có thứ tự được căn giữa với HTML/CSS?
- 29. Căn giữa nhiều trẻ DIV
- 30. Xóa tầng trên nhiều thành phần giữa cùng một bảng
Thuộc tính 'align' đã lỗi thời và không cần thiết đối với các trang hoạt động ở chế độ tuân thủ tiêu chuẩn (nghĩa là với DOCTYPE thích hợp). –