个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我想创建一个可以动态添加或删除(列)的发票。
在第一张发票中，我有 5 列 (td)，在第二张发票中，我有 8 列 ()，所以这两种情况我都需要使用 100% 宽度，因为 A4 纸张尺寸，因为我想打印这张发票。
如您所知，表格 td 可以增加或减少，所以我想调整一列中额外增加/减少的宽度，其他列的宽度将固定。
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
border: 1px solid black;
}
th,td {
border: 1px solid black;
}
table.d {
table-layout: fixed;
width: 100%;
}
</style>
</head>
<body>
<table class="d">
<tr>
<th>Name</th>
<th>Item details</th>
<th>Quantity</th>
<th>Price</th>
<th>Total Amount</th>
<th>Tax</th>
</tr>
<tr>
<td>Bulb </td>
<td>Lorem ipsum dollar</td>
<td>1</td>
<td>21</td>
<td>23</td>
<td>2</td>
</tr>
</table>
</body>
</html>请同时检查此屏幕截图:- 
最佳答案
您可以为列设置固定宽度，并使用 :not(.className) 选择器排除需要填充额外空间的列。
table {
border-collapse: collapse;
border: 1px solid black;
}
th,td {
border: 1px solid black;
}
table.d {
table-layout: fixed;
width: 100%;
}
th:not(.fill-width),
td:not(.fill-width) {
width:70px;
overflow:hidden;
}<table class="d">
<tr>
<th>Name</th>
<th class="fill-width">Item details</th>
<th>Quantity</th>
<th>Price</th>
<th>Total Amount</th>
<th>Tax</th>
</tr>
<tr>
<td>Bulb </td>
<td class="fill-width">Lorem ipsum dollar</td>
<td>1</td>
<td>21</td>
<td>23</td>
<td>2</td>
</tr>
</table>关于javascript - 想要创建发票，其中列 (td) 将使用相同的宽度删除或动态添加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56865142/
24
4
0
使用登录后，我想吐出用户名。 但是，当我尝试单击登录按钮时， 它给了我力量。 我看着logcat，但是什么也没显示。 这种编码是在说。 它将根据我在登录屏幕中输入的名称来烘烤用户名。 不会有任何密码。
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎是题外话，因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a min
我是一名优秀的程序员,十分优秀！