本鱼拟成立工作室承接项目开发/软件定制/云设施开发运维/办公设备技术支持等,如您有相关需求,欢迎来询 | ::博客文章推荐::

2013年10月22日的内容

: WEB前端

被一小段HTML坑了,必须记录下……

 话说为毛线我这大半夜的不睡觉在这里装神弄鬼,完全是因为一小段HTML把我深深地坑了,坑了我整整两天,死活没搞明白,差点没勇气继续活下去。于是我很愤慨地在这里谴责它…… 事情要追溯到三天前,我重构一个网页,然后出现这样一个需求。这个需求简述如下:要求有一行表单,分成三列,左右各是一个按钮,中间有个链接;这个链接文字的高度和宽度都是固定的,而整行的宽度不固定,要求被两个按钮平分。这很明显是个自适应的案例。我想了想决定这么干,让中间的按钮绝对定位,俩按钮用层包裹平分这个宽度,然后分别在第一个层的右边、第二个层的左边留出空白,用来放置链接,搞定。 抽出来一个测试案例,就是如下的网页:   代码结构很简单,这里设置的框模型都是border-box,意味着包括边框在内的才是...

木魚 11年前 (2013-10-21) 10120℃ 24评论 3喜欢