一级标题居中，二级标题固定缩进

技术群里别人问到的，正好空闲实现了一下效果，并记下笔记。

效果：一级、二级标题为自定义长度，且一级标题居中，二级标题在一级标题的基础上缩进3个汉字的距离。

如图：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0;padding: 0;}body,html{width: 100%;height:100%;}.oDiv{/*父元素div宽度不能写成固定宽*/margin:0 auto;}.h1{font-size:16px;}.h2{font-size:14px;white-space: nowrap;/*强制文本不换行*/margin-left:48px;/*缩进3个汉字，一级标题字号font-size*3;text-indent不生效所以用margin-left */}</style><script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(document).ready(function(){var h1 = $('.h1').width();//获取一级标题的宽度$('.oDiv').css("width",h1);//div有了宽度之后才能用margin:0 auto;})</script></head><body><div class="oDiv"><span class="h1">有朋自远方来，不亦乐乎</span><span class="h2">--我要上王者我要上王者我要上王者我要上王者我要上王者我要上王者</span></div></body>
</html>

一级标题居中，二级标题固定缩进相关推荐

td之间的间距怎么改_论文的一级标题、二级标题格式怎么弄？
其实论文写好了以后,论文格式的调整也是非常重要的,具体的格式一般有以下几点: 标题格式,一级标题.二级标题.三级标题页码格式,一般是正文之前为罗马数字,正文以后为阿拉伯数字,一般是页脚中间目录格式 ...
word目录一级标题和二级标题引导符号不一样
word目录一级标题和二级标题引导符号不一样有时候会出现目录的引导符号不同,一级标题的点点稀疏.二级标题的点点比较密集,该如何修改呢? 其实很简单,只需要用光标选中一级标题后面的引导符,然后更改这 ...
php中一级标题和二级标题,写论文中大标题，一级标题，二级标题分别指什么啊？...
大标2113题是论文的bai题目:一级标题是论述的第du一点内容,譬5261如前言等,字样通zhi常为一.4102或者.:二级标dao题为一级标题下面的分论点,譬如(一)(二)--或者...等等.论文 ...
php中一级标题和二级标题,什么是一级标题,一二三标题格式举例
什么是一级标题什么是一流的标题,第一级标题是讨论的第一个内容,如序言:一级标题通常指序号为[I,]的标题,也是最大的标题它是4号黑体,单行无标点符号:二级标题是指序号为[(1)]的标题,一般与正文字号 ...
html设置一级标题二级标题格式怎么弄,word排版什么叫一级标题二级标题三级标题以此下去...
标题,是标明文章.作品等内容的简短语句,一般分为总标题.副标题.分标题.而一级标题和二级标题和以此下去的标题代表的是一个序号,而且字体大小不一样.以下是详细介绍: 1.标题,是标明文章.作品等内容的简 ...
如何添加二级标题_怎样给Word文档添加目录？
您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧.着手工作实际,解决办公问题. 概述本文介绍Word中常用的操作--给文档添加上目录.这一操作很常用,也很简单,但是,不同的操作得到的 ...
WPSword二级标题应该是2.1但却顺延1.的问题
首先,我设置了几个一级标题和二级标题其次ctrl+鼠标左键依次选中一级标题,然后单机编号的下拉框(就是旁边向下的小三角),选中,点击自定义编号选中多级编号,下面的几个模板随便选中一个,点击自定义, ...
修改ToolBar的标题、子标题字体大小和颜色，toolbar menu字体的大小和颜色以及注意事项
在 Android 5.0 开始推出一个 Material Design 风格的导航Toolbar 控件.由于Toolbar的可定制度高,所以已经逐步替代掉了ActionBar.可以自定义以下几种元素 ...
如何设置Office Word2003的一级与二级标题
如何设置Word2003的一级与二级标题 1.选中文章中的所有一级标题: 2.在"格式"工具栏的左端,"样式"列表中单击"标题1". 仿照步 ...
html如何创建二级标题,Word如何添加一级二级标题等多级标题
word是目前非常实用的办公软件,我们在编辑文字的时候总会根据内容添加相关的标题,那么怎么添加一级二级标题等多级标题呢? 打开Word,点击"引用". 点击"目录&quo ...

一级标题居中，二级标题固定缩进

一级标题居中，二级标题固定缩进相关推荐

最新文章

热门文章