HTML Проблема с высотой строки таблицы (height = "x" vs style = "height: x") - PullRequest
Новая
       3

HTML Проблема с высотой строки таблицы (height = "x" vs style = "height: x")

1 голос
/ 29 мая 2020

Используя Chrome на Windows 10, этот код «работает» в том смысле, что он создает пустую строку высотой 100 пикселей ... 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Test</title>
  </head>
  <body>
    <table id="content" style="width:100%;border:1px solid black">
      <tr id="topRow" height="100" style="width:100%;"></tr>
    </table>
  </body>
</html>

... но следующие нет, поскольку он генерирует очень короткую строку, определенно не высотой 100 пикселей ... 

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Test</title>
  </head>
  <body>
    <table id="content" style="width:100%;border:1px solid black">
      <tr id="topRow" style="width:100%;height=100px"></tr>
    </table>
  </body>
</html>

Я пытался использовать последнюю форму, поскольку первая устарела (если не устарела).

Что я делаю не так или, что более вероятно, недопонимаю?

Ответы [ 3 ]

1 голос
/ 29 мая 2020

@ BoCoKeith Замените = на: во втором коде

в <tr style="height **=** changes to **:** ">

Надеюсь, это сработает

0 голосов
/ 29 мая 2020

Я думаю, у вас проблема с цитатами - у вас есть один набор кавычек, обернутых вокруг ширины и высоты, поэтому компьютер думает, что вы пытаетесь встроить CSS. Это должно быть: 

<tr id="topRow" style="width:100%;" height="100px"></tr>
0 голосов
/ 29 мая 2020

Думаю, вы можете попробовать изменить макет таблицы на фиксированный ... Возможно, в строке не отображается 100px bcoz, она пуста

...