实现了单元格布局的左侧宽度、右侧宽度和单元格的左右宽度

实现了单元格布局的左侧宽度、右侧宽度和单元格的左右宽度
使用表格单元格完成以下布局(IE8及以上)

1,左侧宽度-右自适应
xml代码将内容复制到剪贴板。
左{。
宽度:300px;
身高:500px;
border: 1px solid;
浮点数:左;
}
右{。
宽度:10000px;
身高:500px;
显示:表单元格;
border: 1px solid;
}
乱数假文悲哀坐特,consectetur adipisicing精英。beatae痛苦EST,beatae,它也被称为对与错。

结果如下:
调整窗口的大小以测试是否根据窗口大小更改了权利)
2,右侧宽度-左自适应

xml代码将内容复制到剪贴板。
右{。
宽度:200px;
身高:500px;
border: 1px solid;
显示:表单元格;
}
左{。
身高:500px;
border: 1px solid;
显示:表单元格;
}
母{。
显示:表;
表布局:固定;
宽度:100%;
}

乱数假文悲哀坐特,consectetur adipisicing精英。Amet aperiam,assumenda,阿梅德,consectetur。

结果如下:
它和左边的宽度有点不同。虽然它只是一个固定的宽度,它不能直接与浮像左割让宽度。
3,左右宽度-中间自适应

xml代码将内容复制到剪贴板。
母{。
显示:表;
表布局:固定;
宽度:100%;
}
div {
border: 1px solid;
}
左,右,中{
显示:表单元格;
}
左{。
宽度:100px;
身高:200px;
}
右{。
宽度:100px;
身高:200px;
}
乱数假文悲哀坐特,consectetur adipisicing精英。别名ducimus AMET选萃。
美国犹他州.Aliquam,dolorem ipsam波罗不云乎:quisquam saepe简历!

结果如下:
上面的表格单元格完成左侧宽度、右侧宽度和右侧宽度的布局,等等。这是萧边分享给你的全部内容。我希望能给你一个参考,希望你能支持它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部