您的位置:首页 > CSS入门 > 【 返回上一页

css缩进2字符 (CSS缩进空格两个汉字位置)

div css缩进2字符如何实现呢?

文段首行缩进两个字符通常我们使用text-indent缩进属性样式来实现。

两个字符一般根据字体大小来设置,比如字体大小为12px,那么缩进两个字符位置大概就是24px-25px,设置25px即可,如果是14px,缩进2字符就设置28px即可

div设置缩进2字符,假如字体大小12px

div{text-indent:25px}

p设置缩进2字符,假如字体大小14px

p{text-indent:28px}

指定对象内文段首行缩进两个字符div css布局实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>缩进2字符实例 ThinkCSS</title>
<style>
.exp{font-size:12px; text-indent:25px}
</style>
</head>
<body>
<div class="exp">
<p>第一段,发动机思考<br />测试内容</p>
<p>第二段内容放大镜看<br />测试内容<br />测试内容</p></div>
</body>
</html>

实例截图


css div成功设置每段文章首行缩进两个汉字位置实例截图

相关标签: 缩进 提行
如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/css/1242.shtml

日期:2017-01-18 23:07 www.thinkcss.com css div