                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何首行悬挂？

如图，如何实现这种段落排版，我想到的是首行悬挂？那有指令么？

Yilia要多读书

2016-11-25

源自：初识HTML(5)+CSS(3)-升级版 10-9

关注问题我要回答

2462

操作

收起

3 回答

qq_北辰青_04415887 回答被采纳 +3 积分
2016-11-25

p {

width: 200px;

padding-left: 2em;

}

p:first-letter {

margin-left: -2em;

}

</style>

</head>

<body>

<h4>悬挂缩进样式</h4>

<p>

The length of the first line depends on a number of factors, such as the width of the page and the font size.</p>

<p>

The :first-line pseudo-element can be attached to block-level elements. It can be attached to inline elements if you set the corresponding display property to block.</p>

<p>悬挂缩进其实是首字缩进滴一种特殊应用！没啥说滴，快结贴给分吧，哈哈</p>

</body>