返回首页 |经典案例 | 关键词快速排名

合作共赢、快速高效、优质的网站推广提供商

网站建设 网站优化 SEO优化

热线:18221358253

CSS实现H1标签不换行效果有利于SEO优化

时间:2017-06-29 浏览:

CSS实现H1标签不换行效果有利于SEO优化

  在搜索引擎优化的过程中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行。这样的排版效果很难看,不利于用户体验优化!一般情况下,你可以通过以下CSS代码控制H1不换行:

  h1{display:inline;}

  但是,有时只是用以上的代码是不可行的,一样会换行,这主要是因为父级元素已经定义了属性。最初,我以为是高度或者宽度有问题,修改代码以下:

  h1{display:inline;height:20px; line-height:20px; width:100px;}

  可惜实验结果没通过,效果还是一样的!然后我把h1弄成块元素,向左浮动,父级元素也一样如此:

  p{display:block;float:left;}

  h1{display:block;float:left;}

  唉,最后还是没成功,自己又懒得看上面是哪个CLASS或者ID来控制的,最后自己突然想了想,在父级元素里也加了个display:inline,结果测试通过,嘿嘿,心情超级爽啊!现贴出代码:

  p{display:inline;}

  h1{display:inline;}

  以后玩CSS一定要多想多测试,这玩意还真得是注意小细节啊!

  本文上海SEO版权所有,未经批准转载必究。

  对此文章有什么疑问,请提交在留言本

  (本文由上海SEO编辑,转载请注明出处:http://www.sh99seo.com)
 


建站流程

    上海网站建设流程
收缩
  • 电话咨询

  • 18221358253
  • 数字营销请加QQ