sách gpt4 ai đã đi

Dòng HTML giữa các vòng tròn

In lại 作者:行者123 更新时间:2023-11-28 16:54:44 32 4
mua khóa gpt4 Nike

我正在努力实现这样的目标:

nhập mô tả hình ảnh ở đây

但这就是我设法做到的。

nhập mô tả hình ảnh ở đây

你能帮我实现预期的结果吗?

làm mới:

如果我删除 bootstrap.css 依赖项,问题就会消失。我怎样才能让它与 Bootstrap 一起工作?

Mã Bút (在settings中添加bootstrap.css可以看到一个issue)

.time-slice {
hiển thị: flex;
align-items: stretch;
}

.time-slice > * {
padding: 20px;
}

.circle {
width: 16px;
height: 16px;

background: #ffffff;
border-radius: 32px;
hiển thị: khối;
border: 2px solid #1A87B9;
}

.circle-wrap {
vị trí: tuyệt đối;
}

.circle-wrap > .circle {
vị trí: tương đối;
left: -30px;
}

.date-time {
flex-shrink: 0;
flex-basis: 60px;
}

.date,
.time {
max-width: 90px;
color: #999999;
font-size: 13px;
margin-top: 0;
margin-bottom: 10px;
}

.point-title {
border-left: 2px solid #1A87B9;
}

Details






10h 30min


 








Amsterdam (Schiphol)






Fri 28 Aug


20:00








Manchester (MAN)




1 Câu trả lời

问题出在 Bootstrap 使用的 * {box-sizing: border-box} 中。只需为 .circle ( fixed codepen demo ) 设置默认 box-sizing: content-box 或在调整大小/对齐内容时考虑 BS 的此属性设置.

关于圆圈之间的 HTML 线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32340199/

32 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com