Tôi cần có khả năng tách hai cột bằng một đường thẳng đứng:
some text here
some more text here
Hỏi ngày 8 tháng 1 năm 2015 lúc 14:21Jan 8, 2015 at 14:21
1
Sử dụng CSS border-right:1px solid black
để đạt được điều này. Bản demo tại đây: //jsfiddle.net/swm53ran/35/
html:
some text here
some more text here
CSS
.border-right {
border-right: 1px solid black;
}
Đã trả lời ngày 8 tháng 1 năm 2015 lúc 15:45Jan 8, 2015 at 15:45
Indubitableeindubitableeindubitablee
8.0282 Huy hiệu vàng24 Huy hiệu bạc48 Huy hiệu đồng2 gold badges24 silver badges48 bronze badges
1
Phải mở ở trang đầy đủ để xem Biên giới!
Thêm các mệnh đề Media Width trong CSS để không có bất kỳ biên giới khó chịu nào ở phía thân thiện với thiết bị di động. Hi vọng điêu nay co ich! Điều này sẽ thay đổi kích thước theo chiều dài của cột dài nhất. Được thử nghiệm trên .col-MD-4 và .col-MD-6 và giả định của tôi là nó tương thích với phần còn lại. Không có đảm bảo mặc dù.
JSfiddle
.row {
overflow: hidden;
}
.cols {
padding-bottom: 100%;
margin-bottom: -100%;
overflow: hidden;
}
@media[min-width: 992px] {
.col-md-4:not[:first-child],
.col-md-6:not[:first-child] {
border-left: 1px solid black;
}
.col-md-4:not[:last-child],
.col-md-6:not[:last-child] {
border-right: 1px solid black;
margin-right: -1px;
}
}
.col-md-6
Enter some text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
.col-md-4
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Enter some more text here
Đã trả lời ngày 16 tháng 2 năm 2018 lúc 14:55Feb 16, 2018 at 14:55
1
Tôi đồng ý với trước đó, nhưng tôi muốn thêm một giải pháp nữa.
Bạn có thể sử dụng thuộc tính cột và nếu bạn làm điều đó, có một tùy chọn quy tắc cột, thêm một dòng hoàn hảo giữa các cột. Ở đây bạn có thể đọc và xem trên ví dụ những gì tôi muốn nói.
Đã trả lời ngày 22 tháng 2 năm 2018 lúc 11:44Feb 22, 2018 at 11:44
Nesha Zoricnesha ZoricNesha Zoric
5.72839 huy hiệu bạc34 Huy hiệu đồng39 silver badges34 bronze badges