Question

用DIV怎样做出表格的样式出来

想用DIV做一个表格出来,但不知怎样去编写,请高手指点

Answer 1

我想知道的是。你为什么不用表格？难道就是为了DIV而DIV吗？
<div style="overflow: auto; width: 100%;"><div style="top: 0px;" class="sGrid_header_div"><div sorttype="" _for="ID" style="border-right-style: solid; border-right-width: 1px; width: 200px;" class="sGrid_header_item_div"><div class="sGrid_header_border_div"></div><div title="学号" class="sGrid_header_text_div">学号</div></div><div sorttype="" _for="NAME" style="border-right-style: solid; border-right-width: 1px; width: 200px;" class="sGrid_header_item_div"><div class="sGrid_header_border_div"></div><div title="学生姓名" class="sGrid_header_text_div">学生姓名</div></div><div sorttype="" _for="CLASS" style="border-right: medium none; width: 200px;" class="sGrid_header_item_div"><div class="sGrid_header_border_div"></div><div title="班级" class="sGrid_header_text_div">班级</div></div></div><div style="" class="sGrid_data_div"><div pagenum="1" rownum="1" row="true" class="sGrid_data_row_div sGrid_data_row_div_dan "><div title="1" realvalue="1" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">1</div><div title="afsd" realvalue="afsd" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">afsd</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="2" row="true" class="sGrid_data_row_div sGrid_data_row_div_shuang "><div title="2" realvalue="2" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">2</div><div title="sdaf" realvalue="sdaf" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">sdaf</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="3" row="true" class="sGrid_data_row_div sGrid_data_row_div_dan "><div title="3" realvalue="3" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">3</div><div title="sa" realvalue="sa" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">sa</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="4" row="true" class="sGrid_data_row_div sGrid_data_row_div_shuang "><div title="4" realvalue="4" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">4</div><div title="fsad" realvalue="fsad" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">fsad</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="5" row="true" class="sGrid_data_row_div sGrid_data_row_div_dan "><div title="5" realvalue="5" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">5</div><div title="fsad" realvalue="fsad" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">fsad</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="6" row="true" class="sGrid_data_row_div sGrid_data_row_div_shuang "><div title="6" realvalue="6" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">6</div><div title="saf" realvalue="saf" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">saf</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div><div pagenum="1" rownum="7" row="true" class="sGrid_data_row_div sGrid_data_row_div_dan "><div title="7" realvalue="7" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="ID" caption="学号">7</div><div title="saf" realvalue="saf" style="width: 200px;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="NAME" caption="学生姓名">saf</div><div title="a" realvalue="a" style="width: 200px; border-right: medium none;" class="sGrid_data_row_item_div sGrid_data_row_item_null" datael="true" name="CLASS" caption="班级">a</div></div></div></div><div style="height: 26px;" class="sGrid_console_div"><input disabled="disabled" fenye="true" value="首页" class="sGrid_console_item_button sGrid_console_item_button_disabled" type="button"><input disabled="disabled" fenye="true" value="上一页" class="sGrid_console_item_button sGrid_console_item_button_disabled" type="button"><input disabled="disabled" fenye="true" value="下一页" class="sGrid_console_item_button sGrid_console_item_button_disabled" type="button"><input disabled="disabled" fenye="true" value="末页" class="sGrid_console_item_button sGrid_console_item_button_disabled" type="button"><lable class="sGrid_console_text_lable">1</lable><lable class="sGrid_console_text_lable">/</lable><lable class="sGrid_console_text_lable">1</lable><lable class="sGrid_console_text_lable">页</lable><input fenye="true" name="students_sGrid_console_target_input" error="请输入一个大于0的整数" rule="numberInt_must" class="sGrid_console_target_input"><input fenye="true" value="确定" class="sGrid_console_item_button sGrid_console_target_ok" type="button"><lable class="sGrid_console_text_lable">每页</lable><lable style="cursor: pointer; text-decoration: underline; color: blue;" class="sGrid_console_text_lable">20</lable><lable class="sGrid_console_text_lable">条</lable><lable class="sGrid_console_text_lable">共</lable><lable class="sGrid_console_text_lable">7</lable><lable class="sGrid_console_text_lable">条</lable></div>

Answer 2

div不好控制，建议用表格，如果你是显示数据库数据建议用表格

Answer 3

要求说的具体点，或者直接表格截图，这样子才能根据实际情况编写