表格單元格iOS野生動物園中的100％高度按鈕/標簽/輸入

Question

我找不到辦法

盡管我將其設置為零，但似乎在元素的上方和下方放置了填充

https://plnkr.co/edit/WvEqNCxEcLY5yS1IT738?p=preview

<div>
   <button>hello</button>
</div>

<table><tr><td>
   <button>hiya</button>
</td></tr></table>

td,
div{
  padding: 0;
  height: 10em;
  border: solid;
}

button {
  height: 100%;
  width:100%;
  border:solid 10px #f00;
}

我不想使用絕對位置，因為內容會有所不同，而JS將是我無法忍受的開銷！

這里有一個已知的錯誤嗎？ 有人會鏈接到它嗎，這樣我就可以看着它多年來沒有固定下來，並把我逼到壓力相關的終點

提前致謝

ios圖片

chrome 10勝（期望的結果）

Answer 1

button, input, textarea, img, video, audio等均已替換。 它們的定位規則不同於標准元素。 您可以嘗試將替換的元素包含在span或div中。

在<td/> <div/>內添加<div/>並將<button/>放入<div/>正常工作。 將樣式添加到新的<div/>元素並使用：

button 
{
  height: 100%;
  width:100%;
  padding:0;
  margin:0;
}

<table><tr><td><div class="replaced-element-container"><button>hiya</button></div></td></tr></table>

好吧，這很尷尬，但符合W3C要求。

Answer 2

對於該行中的一個表格單元格：

td,  div
{
   padding: 0;
   height: 10em;
   border: solid;
   display:block;
}

button 
{
   height: 100%;
   width:100%;
   border:solid 10px #f00;
}

但是按鈕替換元素並不能解決問題。 它仍在由<td/>元素制成的容器中。