Tôi có một bản lý lịch mà tôi đang cố gắng dịch từ MS Word sang HTML và CSS để bảo trì và chia sẻ dễ dàng hơn. Tôi thích phong cách của bản lý lịch, và muốn giữ nó. Nó có cột bên trái, với các tiêu đề như "Giáo dục", "Trải nghiệm", v.v. in đậm, và căn phải đối với dấu phân cách dọc.Loại bỏ khoảng cách giữa các đường viền dọc của bảng <td> s
Trong Word, điều này được thực hiện bằng một bảng, với kiểu đường viền trung tâm được đặt thành rắn và các đường viền khác được đặt thành trống. Điều này cho phép các tiêu đề phần được căn chỉnh theo chiều dọc với nội dung được liên kết.
Tôi đã cố gắng sao chép kỹ thuật này, nhưng trong Firefox và Chrome, nếu tôi đặt một cột thuộc tính border-right của tds thành solid, có khoảng trống ở các đơn vị dọc của bảng. Loại tàn tích này có hiệu lực.
Tôi đã nghĩ đến việc sử dụng hai div, một với tiêu đề và một với nội dung, nhưng khác với chiều cao pixel mã hóa cứng (có bộ vấn đề rõ ràng), tôi không thể biết cách giữ chúng theo chiều dọc trong đồng bộ.
Có cách nào để thực hiện việc này mà không làm mất khả năng giữ tiêu đề và nội dung được liên kết theo chiều dọc không?
mã bảng trông giống như
<table>
<tr><td style="border-right:1px solid black;">Education</td><td> [Name of School, etc.]</td></tr>
<tr><td style="border-right:1px solid black;">Experience</td><td>[Work experience]</td></tr>
.
.
.
</table>
'
Vui lòng giải thích ý của bạn là “khoảng trống ở các phần dọc của bảng” và vui lòng đăng một số mã. –
Bạn có thể thêm ảnh chụp màn hình hoặc bất kỳ thứ gì để chúng tôi có thể thấy chính xác những gì bạn muốn không? –
Bạn có thể vui lòng chia sẻ một số mã của những gì bạn đã thử cho đến nay và có lẽ là hình ảnh về những gì bạn đang cố gắng hoàn thành. Điều đó sẽ giúp ích rất nhiều. Bạn có thể chia sẻ mã với một [JSFiddle] (http://jsfiddle.net) chẳng hạn. –