桌子右边的浮动图像,可以吗?

问题描述

| 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,其中包含所有图像,这些图像应粘贴在表格的右边。