内联元素padding与高度可控的分隔线实例页面

Posted ba-li

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了内联元素padding与高度可控的分隔线实例页面相关的知识,希望对你有一定的参考价值。

html:

<a href="">登录</a><a href="">注册</a>

css:

a + a:before {
    content: "";
    font-size: 0;
    padding: 10px 3px 1px;
    margin-left: 6px;
    border-left: 1px solid gray;
}

以上是关于内联元素padding与高度可控的分隔线实例页面的主要内容,如果未能解决你的问题,请参考以下文章

内联元素的盒子模型与文档流定位padding属性

5.11随笔

常见的块状元素与内联元素

块级元素和内联元素的区别与转换

深入理解padding

Css有一个问题,好长时间都没解决,内联元素使用margin和padding有没有效果? 百度