使用定位可以实现的思路图片在div里是从左上角开始显示，所以右下角超出的部分会被隐藏，用这个特点，所以再套个div，并对这个div对进定位操作，再对img进行定位，就可以得到我们想要显示的部分了我写了一段代码供参考一下css部分假定div设定为200*100pxaa width200px height100。

HTML中可以设置文字或内容居中对齐下面，我们来看看怎样让DIV中的内容居中吧随便写上文字 先打开visual studio软件，然后在div中随意写上文字，如下图所示水平居中代码 然后在style中写上水平居中代码bodytextalign center，如下图所示div内容居中对齐的代码，textaligncenter如下图。

第一种方式设置body 居中在CSS中的代码是bodytextaligncenter第二种方式用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下ltdiv class=quotdiv1quot ltdiv class=quotdiv2quotltdiv ltdiv CSS 样式代码ltstyle。

给toplogo设置宽度，然后给你ltimg 设置属性，margin0 auto 是水平居中，marginauto 0是上线居中，也可以在toplogo中加入textaligncenter属性居中。

比如让整个页面所有文字或图片水平居中body textaligncenter 若是让盒子的位置水平居中外边界为0，以菜单盒子定义CSS打比方menu margin0px auto 边框与文本之间的距离为水平居中menu padding0px auto。

2打开DW，选择新建HTML文件3首先先建立三个盒子，大盒子包含两个小盒子，如图4然后再对细节进行完善，左侧为文字区，直接在所建立的div中添加文字即可，当然也可以添加一些文字标签，右侧添加的无序列表，方便图片的插入排序5内容区添加完成后，在css样式中添加详细修饰，如图所示。