看看这个简单的问题，放飞了<asp:DataListID="DataList1"runat="server"Width=100%RepeatDirection="Horizontal"RepeatColumns="3"><ItemTemplate><divstyle="width:200px;height:200px;overflow:hidden;border:solid1pxgr

Question

看看这个简单的问题，放飞了<asp:DataList ID="DataList1" runat="server" Width=100% RepeatDirection="Horizontal" RepeatColumns="3"> <ItemTemplate> <div style="width:200px; height:200px; overflow:hidden; border:solid 1px green; vertical-align:middle; text-align:center; line-height:200px; display:table-cell"> <asp:Image ID="Image1" runat="server" Width="190px" ImageUrl='<%# "~/FileUpLoad/"+Eval("proimage") %>' style="vertical-align:middle;" /></div> <div style="width:200px; height:25px; line-height:25px"><a href="Order.aspx?id=<%# Eval("proid") %>"><%# Eval("proname") %></a></div> </ItemTemplate> </asp:DataList> 如何让div里的图片上下自动居中？？？？？？

Answer 1

楼主拜托，不要拿个莫名其妙的问题出来还怪别人回答不上来，还感慨。 你的代码中，图片和链接分别放在两个div中，div是块级元素，肯定会换行。要解决这个问题，可以使用样式表将div设置为向左浮动。 但是DataList生成的Html应该是table，所以你这样做根本不需要，也就是说图片和链接上的两个div根本不需要，这样图片和文字就会自动居中（必要时设置td的样式）。 如果说你加div是为了控制样式，那完全可以在外层的td和img上直接做手脚。如果必须包含div就是用float让里面的div向左浮动。 而你给的仅仅是片段，所以根本没法给你什么答案。建议不要使用datalist、datagrid这些会自动生成html代码的控件，那样只会给你的样式控制带来麻烦，因为你没法精确地控制它们生成的HTML。要么使用Repeater，要么直接用代码遍历拼凑HTML。 但是从你写代码的质量来看，估计这么跟你说你也不知道怎么弄才能达到最终的效果。 如果说不会改只要求能用最简单的方法得到答案，拿给你支个招。 1.给里面的两个div的style都加上 float:left; 2.第二个div去掉 height: 25px，并设置其line-height为200px。 这样效果能勉强达到，但是代码看起来相当恶心。建议深入学习css，这是一个优秀的web开发人员必备的。