• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
dota3c
博客园 首页 新随笔 联系 订阅 订阅 管理

2012年12月9日

垂直居中的方法
摘要: 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如:div { height:25px; line-height:25px; overflow:hidden; } 这段代码很简,后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行,这样就达不到垂直居中效果了。更多CSS教程。 阅读全文
posted @ 2012-12-09 22:47 dota3c 阅读(170) 评论(0) 推荐(0)
 
超链接a标签display属性的block和inline-block的用法说明
摘要: 我们经常在设计网站的导航部分的时候,如果想让导航超链接hover显示背景,但稍不注意,默认的inline会让你抓狂,因为display:inline会将超链接显示为内联元素,即没有宽和高的作用效果,这里无论你背景怎么设置,宽高都不会超出超链接的宽高范围!所以我们可以使用 block 或 inline-block 来解决此问题!display:block 此元素将显示为块级元素,此元素前后会带有换行符。display:inline-block 行内块元素。(CSS2.1 新增的值)当我们在<a>标签里添加 display:block 或 display:inline-block 时, 阅读全文
posted @ 2012-12-09 21:58 dota3c 阅读(265) 评论(0) 推荐(0)
 
 

公告


博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3