CSS 段落首行缩进后的ul ol缩进

最新推荐文章于 2022-02-25 08:40:10 发布
最新推荐文章于 2022-02-25 08:40:10 发布
阅读量1.2k 收藏 1
点赞数
文章标签： CSS HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangdonghhm/article/details/83948208
版权

CSS 段落首行缩进后的ul ol缩进

时间:2011-04-26 来源:设计与开发  作者:任晴  点击:272 次
    摘要：  CSS 段落首行缩进后的 ul ol 缩进，css 首行缩进，ul li 缩进，ol li 缩进，html 首行缩进，css li 缩进，为了网页内容中文字排版的美观，我们一般都会使用段落（如 P 标签）首行缩进的方式，如果接下来的内容中使用 ul 或 ol ，则会出现

CSS 段落首行缩进后的 ul ol 缩进，css 首行缩进，ul li 缩进，ol li 缩进，html 首行缩进，css li 缩进，为了网页内容中文字排版的美观，我们一般都会使用段落（如 P 标签）首行缩进的方式，如果接下来的内容中使用 ul 或 ol ，则会出现首行缩进文字与 ul 或 ol 前端对齐的情况，这显然不是我们想要的，本文尝试来解决这个问题。

1、首先对段落首行缩进：

以下为引用内容： 
/*** 
 * desteps.com
 * Qing  2011-04- 26
***/
.content p {
   text-indent: 2em;   /* em是相对单位，2em 即现在一个字大小的两倍 */
 }

2、接着对 ul ol 缩进：

以下为引用内容： 
/*** 
 * desteps.com
 * Qing  2011-04- 26
***/
.content ul{  
    list-style:disc inside none; 
    margin-left: 4em; 
}
.content ul ul{  
    list-style: circle inside none; 
    margin-left: 3em; 
}
.content ul ol{  
    list-style: decimal inside none; 
    margin-left: 3em; 
}
.content ol{
    list-style:demical inside none;  
    margin-left: 4em;  
}
.content ol ul{  
    list-style: circle inside none; 
    margin-left: 3em; 
}
.content ol ol{  
    list-style: decimal inside none; 
    margin-left: 3em; 
}
懿之星落45℃
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
序号 html ol自动缩进,ol自定义序号样式的方法
weixin_39902508的博客
05-31 1829
一、编号倒序(HTML5新增)reversed属性可以指定编号为倒序：第一项第二项第三项第四项二、指定编号起始值(HTML5新增)start属性可以指定编号的初始值：第一项第二项第三项第四项三、指定编号位置(内、外)css属性list-style-position:inside;可以指定编号的位置，下面的列表的编号为inside(默认为outside)，可以与上面两个例子对比一下，对齐方式有所不同...
html ul & ol
且听风吟的博客
12-09 489
html 中的列表标签： （1）ol 标签定义有序列表； （2）ul 标签定义无序列表 。 有序列表，编号列表标记。 其功能是将文字段落向内缩进，并在段落的每个项目前面加上1，2，3 有顺序的数字。标记必须搭配标记使用。 称为无序列表，其功能是将文字段落向内缩进，并在段落前面加上圆形或空心圆形或方块等项目符号，以达到醒目的效果。必须搭配标记使用。 ...
《HTML标签》〈ul〉〈ol〉〈li〉的使用
佳佳君子的博客
03-05 4万+
《HTML标签》〈ul〉〈ol〉〈li〉的使用。
li 前面的缩进怎么去除？
weixin_34015336的博客
03-30 494
异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html 设置margin和padding为0或者为比较小的值就可以了
html ul li 展开 缩进,html – CSS设置li缩进
weixin_42298254的博客
06-03 2124
缩进一个ul下拉菜单，使用/* Main Level */ul{margin-left:10px;}/* Second Level */ul ul{margin-left:15px;}/* Third Level */ul ul ul{margin-left:20px;}/* and so on... */您可以缩进lis和(如果适用)as(或任何内容元素)，每个都有不同的效果。您还可以使用填充左...
ul li ol 解决去除默认点 和 空白问题 缩进问题
qq_36355271的博客
04-23 3864
前面的空白 其实这段空白叫做"缩进"，明白是缩进之后，在网上能搜到一堆处理的方法! 使用firebug调试了很久，这段空白明明没有对应的样式控制啊，把margin-left设置成0px也没用。后来反应过来，原来是缩进，据此搜索到解决办法，直接解决： 1 ul,li{ margin:0; padding:0; list-style:none; } ...
ul ol dl 取消默认缩进
12-14 1万+
ul ol dl 默认会缩进，在使用的时候可以使用一下方式取消缩进： 例如： 111 111 111 111 PS： 消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px;其中margin属性对IE有效，padding属性对FireFox有效。 经验证，在IE中，设置margin:0px可以去除列表的上下
css中控制ul,li的缩进距离
jackyrongvip的专栏
07-01 1万+
在中,经常要做两件事,一个是去掉列表项的点; 一个是控制缩进的内容,两者都可以用CSS去做,下面小结下:   1)去掉列表项的点      li{list-style-type:none;}     百度     雅虎     新浪     谷歌 2) 控制缩进距离   在CSS样式文件中:     ul{margin-left:60px;}
如何处理ul/ol下li左边有段空白的样式问题
javaMyHeart的博客
08-04 5801
哈哈，其实这段空白叫做"缩进"，明白是缩进之后，在网上能搜到一堆处理的方法!         使用firebug调试了很久，这段空白明明没有对应的样式控制啊，把margin-left设置成0px也没用。后来反应过来，原来是缩进，据此搜索到解决办法，直接解决：         ul,li{ margin:0; padding:0; list-style:none; } li { dis
line-height 行间的距离
qq_16714671的博客
01-07 540
line-height 表示行间距大小。测量方式为：最上行顶端到下行顶端的距离 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com
css首行缩进(css首行缩进)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
02-25 7563
首行缩进连个字符和首行缩进连个字是一样的概念？首行缩进连个字符和 不一样的概念啊，字符和字是不一样的 如何在css中控制段落的首行缩进？？如何在css中控制段落的首行 style="text-indent:24px"…… 控制段落缩进，24px是缩进距离……#####例如，拿你说的话举例： css中，我想...
序号 html ol自动缩进,html文档中的 ol 元素的序号数字极限探讨
weixin_29002191的博客
05-31 135
一般来说，不太可能在html文档中遇到极大的列表，本文只是纯粹技术探讨。碰巧遇到这个问题就测试了一下。测得这个极限是 [-2147483648, 2147483647]， 也就是 [ - 2^31 ~ 2^31 - 1 ]浏览器具体又略有一些差异。在IE10, Firefox上，序号达到极限正值2147483647之后，后续的列表项的序号全部同为极限正值 2147483647 不变。214748...
ul li 缩进问题
黄彪博客
07-08 4027
  ul是有序标签。默认会有内边距； list-style:none;就是清除有序的样式； padding;0 去除内边距   例子     #allTabLi ul { background: #ffffff none repeat scroll 0 0; left: auto; line-height: 27px; list-st...
CSS ul li 缩进控制,各版本兼容设置,文章第一行缩进两汉字
kai161的专栏
07-22 4149
CSS ul li 缩进控制 各版本兼容设置   ul{ list-style-type:none; margin:0px; padding:0px;}
HTML首行缩进两字符
热门推荐
郭大侠的专栏
03-08 9万+
缩进2字符 p{ text-indent:2em;} 善良是你的本性，漂亮是你的天性，聪明是你的优点，贤惠是你的资本，温柔是你的标志，真诚是你的品格，妇女节，提前祝你开心幸福，年轻美丽一辈子！ 温暖三月，春回大地，阳光明媚，绿草青青，整理好思绪，收拾好心情，感受美好生活，品味妇女节精彩，女人就是要对自己好点，节日快乐，祝你永远年轻！
带有序号的段落换行后自动缩进问题
2012013977的博客
09-08 5556
带有序号的段落换行后自动缩进问题
CSS样式深度解析：字体、背景与布局
8. **text-indent**：设定段落首行缩进，如`text-indent: 2em;`表示首行缩进两个字符宽度。 9. **text-transform**：控制字母大小写，可选择`none`（无变化）、`uppercase`（全大写）、`lowercase`（全小写）和`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值