摘要：好久没写博客了，刚好今天跨年夜没约到什么妹子，在家宅着不如写点东西好了。 需求 昨天晚上，给公司年会做一个移动端的投票页面，遇到一个UI优化的问题： · 正文内容少于一屏时，投票提交按钮固定显示在页面底部（如图一）· 正文内容多于一屏时，投票提交按钮，跟随内容，流式显示在内容下面（如图二）附图： 以 阅读全文

摘要：一、需求典型的注册页面设计一般是一个三列多行的表格，左列为表单项label，中列为文本框，右列为填写说明和验证提示。如下图因为整个表单的视觉重心在左中两列，所以在考虑表单整体相对页面水平居中和注册提交按钮的位置设计时，应当忽略掉右列。由此来说，右列显示的填写说明和验证提示应当以一个不影响前整体表格宽度的绝对定位来显示，并且需要显示在文本框的右侧垂直居中位置。二、html+css实现absolute定位的提示div放在定位relative的td里面，left设为中列的宽度，top设为50%，margin-top设为-(提示div的高度/2)，这样便可以做到右侧垂直居中了，如下 填写说明这种... 阅读全文

摘要：1. 表格 边框 2. nth-child(n) div#box>(div.one>a)*2这样的html结构，用下面的两种css，应该用第二种#box a:nth-child(1) {color:red;} #box a:nth-child(2) {color:blue;} #box .one:n 阅读全文