Tôi gặp sự cố trong bố cục trong ứng dụng mvc mùa xuân của mình. Trong ứng dụng của tôi, bảng có chứa trong div đi ra khỏi nó ngay cả khi tôi đặt một tham số chiều rộng cho div này. Tôi đã thử nhiều giải pháp mà tôi googled nhưng không thành công. Đây là tệp jsp của tôi, tệp css và màn hình từ ứng dụng của tôi. Như bạn có thể thấy khi văn bản trong bảng dài nó không phá vỡ dòng mới (như tôi muốn).Bảng đi ra khỏi div
css tập tin
th,td {
border-style: solid;
border-width: 5px;
border-color: #BCBCBC;
}
#all {
width: 500px;
}
#tablediv {
width: 400px;
float: left;
}
file 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>
Và đây là màn hình:
http://imageshack.us/photo/my-images/203/tableproblem.png/
Cám ơn trước sự giúp đỡ của bạn.
Tôi tin rằng câu hỏi liên quan đến cách xử lý chuỗi dài. Tôi không nghĩ đơn giản là thêm một không gian là một giải pháp thích hợp. – Axel
Có, thêm không gian đang làm việc, nhưng như Axel nói, nó không phải là giải pháp tốt trong trường hợp này. – caro