;
导出的切片如下 :
二、用户栏代码编写
----
1、HTML 结构
头像 与 名称 单独放在一个 div 盒子中 , 这两个元素都要垂直居中对齐 , 分别需要单独设置 ;
头像垂直居中对齐..., 需要使用 padding 内边距的方式设置 ;
文字垂直居中对齐 , 需要使用 内容高度 = 行高 的方式设置 ;
核心代码 :
2、CSS 样式
核心代码样式 :
首先 , 设置用户栏盒子 为浮动 , 这样才可以与 logo 盒子 , 导航栏盒子 , 搜索栏盒子...放置在一行 ;
然后 , 设置用户栏头像 盒子样式 , 为其设置 6 像素 上下内边距 , 使得头像图片垂直居中 ;
整体 用户栏盒子 高度 42 像素 ;
头像图片宽高均为 30 像素 ;
头像...button {
border: none;
}
/* 设置总体背景 */
body {
background-color: #f3f5f7;
}
/* 版心宽度 1200 像素 , 在浏览器中居中对齐
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
