问题描述
|
CSS的新手。
在asp.net mvc 3中,我在表中加载了客户列表。
我要在这张桌子旁边放一些图片。如何在CSS中做呢?
非常感谢
解决方法
答案取决于所需的图像数量以及它们如何对齐。
最简单的形式只是将表格向左浮动,请参见http://jsfiddle.net/NGLN/8AHhG/,但这仅适用于表格的高度。
另一种形式使图像正确浮动,请参见http://jsfiddle.net/NGLN/8AHhG/2/,但是该布局可能不会受到影响。
您还可以对图像进行分组(以上两者结合在一起),请参见http://jsfiddle.net/NGLN/8AHhG/3/。
,
float:right
图像并减小工作台宽度
更新资料
例
<div id=\"container\">
<table id=\"mytable\">
</table>
<div id=\"images\">
<img />
<img />
</div>
</div>
和CSS
#container,mytable,images {
margin:0;
padding:0; /* Avoid excess of width due to margins or paddings */
}
#container {
width:1000px;
}
#mytable {
width:600px;
float:left;
}
#images {
width:400px;
float:right;
}
这样,您现在应该有2列,左边一列是表格,右边一列是一个div,其中包含所有图像,这些图像应粘贴在表格的右边。