日期:2014-05-17  浏览次数:20699 次

css可实现文字悬挂缩进吗
大家好,想知道CSS怎么能实现悬挂缩进,是悬挂不是首行哦!

------解决方案--------------------
L@_@K
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>css.HangingIndent.html</title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="yixianggao@126.com" />
  <meta name="keywords" content="html css" />
  <meta name="description" content="for csdn" />
<style type="text/css">
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>
</html>