84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
我有一个联系信息列表，就像这样：Example
如何制作像图片中那样分隔电子邮件和热线的垂直线，非常感谢
您可以使用键盘上的管道字符。它看起来像这样：
|
-或者-
您可以将行分成两个元素，并在其中一个元素上添加边框。 这只是一个示例：
HTML
<div class="left">电子邮件</div><div class="right">热线</div>
CSS
.left { display: inline-block; border-right: 1px solid black; padding: 0 10px; } .right { display: inline-block; padding: 0 10px; }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
您可以使用键盘上的管道字符。它看起来像这样：
-或者-
您可以将行分成两个元素，并在其中一个元素上添加边框。 这只是一个示例：
HTML
CSS
.left { display: inline-block; border-right: 1px solid black; padding: 0 10px; } .right { display: inline-block; padding: 0 10px; }