2016-12-21

2016-12-21  本文已影响0人  TsingXu

1、左边div宽度动态变化,右边宽度自适应

问题描述:
外面的黑色li框是固定宽度,left和right宽度都不定,left的宽度动态变化,right的宽度就是填充剩下的空间,自适应。

解决方案:

li{ display:table; }
.left, .right{ display:table-cell; }
.left{ white-space : nowrap; }
.right{ width: 100% ; }

2、高低都要垂直居中

div{ height:100px; }
a, span{  height:100px;  line-height:100px; }

这样设置我以为可以实现,结果是下面这种情况

紫色为辅助线。

解决方案:

div{ height:100px; }
a, span{  height:100px;  line-height:100px; }
a{ float:left; }

还需要给a标签添加一个左浮动。

3、IE8下select垂直居中问题

解决方案: padding:4px 0;

不积跬步无以至千里

上一篇下一篇

猜你喜欢

热点阅读