修改前

修改后

padding-left 与 text-indent 属性(重要)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div{background: #000;color: aliceblue;width: 500px;line-height: 20px;border-radius: 10px;margin: 0 auto;margin-top: 50px;padding: 20px;/* 底下这两行代码重要 */padding-left: 55px;text-indent: -55px;}</style>
</head>
<body><div>核舟记: <span>明有奇巧人曰王叔远，能以径寸之木，为宫室、器皿、人物，以至鸟兽、木石，罔不因势象形，各具情态。尝贻余核舟一，盖大苏泛赤壁云。舟首尾长约八分有奇，高可二黍许。中轩敞者为舱，箬篷覆之。旁开小窗，左右各四，共八扇。启窗而观，雕栏相望焉。闭之，则右刻“山高月小，水落石出”，左刻“清风徐来，水波不兴”，石青糁之。(箬篷 一作：篛篷)船头坐三人，中峨冠而多髯者为东坡，佛印居右，鲁直居左。苏、黄共阅一手卷。东坡右手执卷端，左手抚鲁直背。鲁直左手执卷末，右手指卷，如有所语。东坡现右足，鲁直现左足，各微侧，其两膝相比者，各隐卷底衣褶中。佛印绝类弥勒，袒胸露乳，矫首昂视，神情与苏、黄不属。卧右膝，诎右臂</span></div>
</body>
</html>

css样式换行缩进技巧相关推荐

html文本缩进自动换行,CSS 段落/换行/缩进
CSS 段落/换行/缩进 1.盒模型 box-sizing: content-box|border-box|inherit; content-box(默认) : 实际宽度/高度 = width/hei ...
超文本css样式换行
之前有关于LODOP中纯文本换行的相关博文:Lodop纯文本英文-等符号自动换行问题纯文本的遇到不拆分的单词的时候,可以通过LODOP 语句设置允许标点溢出,且英文单词拆开. 超文本需要通过css样 ...
css知识笔记（五）——css样式设置小技巧
水平居中设置-行内元素如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的.如下代码: html代码: <body><d ...
CSS样式不生效技巧
为何有时候编写的CSS属性不好使,有可能是因为选择器的优先级太低: 选择器没选中对应的元素: CSS属性的使用形式不对: ✓ 元素不支持此CSS属性,比如span默认是不支持width和height ...
css盒模型、布局模型、 flex弹性盒模型及样式设置小技巧
一.盒模型元素分类常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl> ...
CSS样式属性（一）
字体样式 font-size:字号大小 font-size属性设置字号该属性的值可以使用相对长度单位也可以使用绝对长度单位其中相对长度单位比较常用推荐使用px像素单位相对长度单位说明 e ...
使用ASP.NET的外观文件(skin)与css样式表
使用ASP.NET的外观文件(skin)与css样式表文章目录使用ASP.NET的外观文件(skin)与css样式表题目涉及知识 1.制作皮肤 2.皮肤里设置css样式一.运行截图二.代码 ...
css文本换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 <div style='text-indent:2em'& ...
css 不换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 2)).文本对齐方式 3)).字间距 4)).文本间距 5)). ...

css样式换行缩进技巧

修改前

修改后

padding-left 与 text-indent 属性(重要)

css样式换行缩进技巧相关推荐

最新文章

热门文章