提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > 如安在两个内联元素之间增加换行符【css教程】,内联元素

内链元素平常都是基于语义级(semantic)的基础元素,只能包容文本或其他内联元素,比方笔墨这类元素,各个字母 之间横向分列,到最右端自动折行,那末,我们如安在两个内联元素之间增加换行符呢?

本篇文章就来给人人引见一下关于在两个内联元素之间增加换行符的要领。

假如须要两个内联元素,个中一个在另一个元素中插进去下一行,则能够经由过程增加伪元夙来完成此操纵:after</code>with content:'\a'.<code>and white space:pre</code>

下面我们来看细致的代码示例

HTML代码:

<h3>
    <span class="label">ki4网1</span>
    <span class="secondary-label">ki4网2</span>
</h3>

CSS代码

<style type="text/css">
        .label:after {
    content: '\A';
    white-space: pre;
}
    </style>

运转效果以下:能够看到效果中,笔墨变成了两行。

本篇文章到这里就已将悉数完毕了,更多精彩内容人人能够关注ki4网的CSS视频教程栏目!!!

以上就是如安在两个内联元素之间增加换行符的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线