繁体   English   中英

css水平和垂直对齐3个wiwi div

[英]css align horizontally + vertically 3 elements wihin a div

我试图在div内为3个元素序列设置自己的距离:

1)复选框2)图片3)文字

我想要:

1)复选框与包含div的左边界相距1个像素+垂直居中对齐

2)图片距离复选框1像素+垂直居中对齐

3)文字距离图片1个像素+垂直居中对齐

如果我使用垂直对齐的中间元素,则它可以完美对齐元素,但不能让我水平放置它们!

我也找到了适用于IE或FF的好的解决方案,但找不到适合所有浏览器的1种解决方案!

您可以在此处查看完整的代码:

http://jsfiddle.net/WNeLW/

看到这个小提琴可能会对您有所帮助。 如果我没有让您遇到问题,那么这将有所帮助。

小提琴: http : //jsfiddle.net/WNeLW/1/

演示: http : //jsfiddle.net/WNeLW/1/embedded/result/

更新了在IE6中测试的代码:

小提琴: http : //jsfiddle.net/WNeLW/10/

演示: http : //jsfiddle.net/WNeLW/10/embedded/result/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM