首页 > 教程 > 关键词  > 垂直居中最新资讯  > 正文

CSS实例:水平居中和垂直居中的多种解决方案

2010-02-04 17:45 · 稿源:中国站长站综合

《CSS实例:水平居中和垂直居中的多种解决方案》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

在定义网页的CSS样式的时候,我们或许并不怎么用到垂直居中。在站长书库(book.chinaz.com)中,大量的文章介绍了这些知识。在和别人合作的时候,你的代码的自适应性就需要做到最大程度的好。你自己在做自己的网页的时候或许可以保证在视觉上是居中的,但是如果让这个元素或者他的父元素变大了,你还能保证居中吗?vertical-align是个不错的属性,但是这个属性起初是针对表格的cell的。当然这个属性虽然对块级元素不起作用,但是对行内元素比如span还是有作用的(这时候,这个属性设置为负值元素内容就下移,正值则上移)。下面是比较专业的垂直居中的集中解决方案。记录于此,以便查阅。1、单行垂直居中文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同! 2、层水平居中设置di...

......

本文由站长之家用户“中国站长站综合”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词:

热文

  • 3 天
  • 7天