文章标题

原创 2016年08月29日 18:16:29

1.使用table来实现

.child{display: table; margin: 0 auto;}
   优势:不需要父容器parent,只需要对自身进行设置
   劣势:IE6、7需要调整结构

2.使用inline-block和text-align来实现

.parent{text-align: center;}
.child{display: inline-block;}
   优势:兼容性好
   劣势:需要同时设置子元素和父元素

3.使用绝对定位absolute来实现

   使用绝对定位来实现水平居中布局有两种情况,一种子容器无宽度,另一种子容器有宽度。无宽度可以用一下代码,如果是有宽度,则可以设置margin-left负值为容器宽度的一半。
.parent{position: relative;}
.child{position: absolute; left: 50%; transform: translateX(-50%);}
   优势:无需设置容器宽度,在移动端可以使用
   劣势:兼容性差,需要IE9及以上浏览器的支持

4.使用flex布局来实现

   flex有两种方法来实现水平居中,父容器设置display:flex, 一种直接在父容器中设置justify-content属性值center。第二种在子容器中使用margin: 0 auto
.parent{display: flex; justify-content: center;}   
.child{margin: 0 auto;}
   优势:实现起来简单,尤其是使用在响应式布局中
   劣势:兼容性差,如果大面积的使用该布局可能会影响效率
版权声明:本文为博主原创文章,未经博主允许不得转载。

修改DEDECMS文章标题长度,解决DEDECMS文章标题显示不全

在用dede调用列表标题出来的时候,会发现标题文字字数显示不完全,那是因为dede默认标题出来长度是30个字符,为了让标题显示完整,要做以下修改!1、进入后台–系统–系统设置–系统基本参数–其他选项–...
  • yxwmzouzou
  • yxwmzouzou
  • 2015年04月29日 11:25
  • 10122

WordPress通过文章ID获取文章标题内容等信息。

使用Wordpress的朋友可能遇到这样的问题,在非single.php页面中我们有时候想要调用当前文章的标题、内容等信息,而Wordpress在生成文章页的时候在各个页面中唯一不变的只有当前的文章I...
  • Q1059081877Q
  • Q1059081877Q
  • 2015年05月30日 22:12
  • 2175

基于标题分类的文章主题句识别与提取方法

基于标题分类的主题句提取方法 基于标题分类的主题句提取方法可描述为: 给定一篇新闻报道, 计算标题与新闻主题词集的相似度, 判断标题是否具有提示性。对于提示性标题,抽取新闻报道中与其最相似的句子作为主...
  • lihaitao000
  • lihaitao000
  • 2016年06月24日 17:53
  • 2993

文章标题上下轮番滚动.zip

  • 2012年09月04日 12:31
  • 28KB
  • 下载

【Java】获取指定HTML 文档指定的body、页中超链接的标题和链接、指定博客文章的内容

  • 2017年08月20日 22:09
  • 2.59MB
  • 下载

文章标题自动标注程序

  • 2015年06月25日 17:04
  • 6.93MB
  • 下载

如何避免贫穷和忙碌,在2018年你需要这样提升自己 2018年01月07日 00:00:00 2099 热文导读 | 点击标题阅读 Java和Android架构2017年总结:文章精选 吊炸天!74

如何避免贫穷和忙碌,在2018年你需要这样提升自己 2018年01月07日 00:00:00 2099 热文导读 | 点击标题阅读 ...
  • starzhou
  • starzhou
  • 2018年01月09日 13:38
  • 45

文章标题 HDU-3067 小t的游戏

小t有点神经质,喜欢发明一些稀奇古怪的游戏,比如说左手和右手打架就是他发明的。 这个周末,小t又发明了一个有趣的硬币游戏:小t手里有6枚硬币,他把硬币分成了两堆,一左一右并排堆放,一堆2个,一堆4...
  • acmliying
  • acmliying
  • 2017年02月26日 14:12
  • 185

Jsoup获取csdn文章链接和标题的方法

附件:jsoup-1.8.1.jar import org.jsoup.Jsoup; import org.jsoup.helper.Validate; import org.jsoup.nodes....
  • fei20121106
  • fei20121106
  • 2015年03月16日 10:47
  • 605

微信公众号所有历史文章的标题/点赞数/阅读数统计

下面这段代码的逻辑起点是页面滑到底部ajax加载的一个链接url_initial(我是在手机微信上在浏览某个公众号的某个页面时send to Chat到自己账号,获得链接后在电脑chrome上打开。通...
  • wkl7123
  • wkl7123
  • 2016年07月28日 02:30
  • 3586
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:文章标题
举报原因:
原因补充:

(最多只允许输入30个字)