html个人中心布局,html5前端开发笔记-个人中心

简单的css自适应

PC端

移动端

一开始的想法就是模仿手机APP 的页面进行布局，首先得有个头部，然后是主题部分，然后加上2个按钮，分别是编辑和退出登录。先布出基本结构。

代码如下：

个人中心

个人中心

• 姓名：
• 性别：
• 手机：
• 学校：
• 个人简介：这个地方文字超出范围之外会自动把容器div撑开，注意不是中文字符的话

  需要加CCS属性word-wrap:break-word，这是CCS3的属性。

编辑

退出<