亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法在表格中的列高度為 100% 時制作按鈕

無法在表格中的列高度為 100% 時制作按鈕

夢里花落0921 2023-10-17 17:49:50
你好,我的桌子有問題。我正在使用引導程序。表中有一些列(其中一些填充了數據,有些則沒有)。每列都必須是一個按鈕(空列也是如此)。我在 td 的 100% 高度上制作列中的按鈕時遇到問題。一個條件是 td 中是 div 并且該 div 中有按鈕。所以結構看起來像這樣:<tr> <td>   <div> //THIS DIV IS IMPORTANT i am using react-bootstrap framework and component Button is including that div inside      My text data empty or not   </div> </td></tr>我刪除了填充,我將 div 和按鈕設置為 100% 高度和寬度,但按鈕高度仍然不是 100%。請問問題出在哪里?這是jsfiddle我之前在這里放了壞鏈接現在應該沒問題了
查看完整描述

2 回答

?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

我檢查了你的小提琴和情侶筆記:

  1. Bottom將元素更改為button.

  2. 由于您使用的是 bootstrap,因此您繼承了它們的樣式。覆蓋它的最快方法是使用!important.

您可以添加:table th, table td {padding: 0!important;}然后button {height: 100%}將按預期工作。

查看完整回答
反對 回復 2023-10-17
?
慕容森

TA貢獻1853條經驗 獲得超18個贊

阻止按鈕具有 100% 高度的是表格 th 和 td 中的填充。

.table td, .table th {
  padding: 0;
}


查看完整回答
反對 回復 2023-10-17
  • 2 回答
  • 0 關注
  • 113 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號