大佬教程收集整理的这篇文章主要介绍了css – 从div开始的表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
css文件
th,td {
border-style: solid;
border-width: 5px;
border-color: #BCBCBC;
}
#all {
width: 500px;
}
#tablediv {
width: 400px;
float: left;
}
jsp文件
<body>
<h3>All your notes:</h3>
<c:if test="${!empty notes}"/>
<form method="post" action="manage_note">
<div id="all">
<div id="tablediv">
<table>
<tr>
<th class="widther">Note date</th>
<th>Description</th>
</tr>
<c:forEach items="${notes}" var="note">
<tr>
<td class="widther">${note.date} ${note.time}</td>
<td >${note.description}</td>
<td><input type="radio" name="chosen_note" value="${note.note_id}"></td>
</tr>
</c:forEach>
</table>
</div>
<div id="addbutton">
<input name="add_note" type="submit" value="Add note"/>
</div>
</div>
<div id="restbuttons">
<input name="edit_note" type="submit" value="Edit"/>
<input name="delete_note" type="submit" value="Delete"/>
</div>
</form>
</body>
这里是屏幕：
http://imageshack.us/photo/my-images/203/tableproblem.png/
感谢您的帮助.
1)将表格布局设置为固定：
table {
table-layout: fixed;
width: 100%;
}
2)将文字换成td / th的break-word
th,td {
border-style: solid;
border-width: 5px;
border-color: #BCBCBC;
word-wrap: break-word;
}
你可以在这里看到一个工作示例：http://jsfiddle.net/d6WL8/
以上是大佬教程为你收集整理的css – 从div开始的表全部内容，希望文章能够帮你解决css – 从div开始的表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。