CSS горизонтальный интервал ячейки таблицы: как?

Question

CSS горизонтальный интервал ячейки таблицы: как?

`long`

long - это 64-разрядный целочисленный тип и может содержать значения от -9,223,372,036,854,775,808 до 9,223,372,036,854,775,807 (максимум 19 цифр).

`double`

double - это 64-битный тип с плавающей точкой, который имеет точность от 15 до 16 цифр. Таким образом, данные могут быть потеряны, если ваши цифры превышают ~ 100 000 000 000 000.

`decimal`

decimal - это 128-разрядный десятичный тип и может содержать до 28- 29 цифр. Поэтому всегда можно сбрасывать long на decimal.

Рекомендация

Я бы посоветовал вам узнать точные ожидания относительно чисел, с которыми вы будете работать. Затем вы можете принять обоснованное решение при выборе соответствующего типа данных. Так как вы читаете свои цифры из строки, разве не возможно, что они будут даже больше 28 цифр? В этом случае ни один из перечисленных типов не будет работать для вас, и вместо этого вам придется использовать какую-то реализацию BigInt.

38

javascript jquery html css layout

задан Jordie 18 March 2009 в 11:09

5 ответов

Другие вопросы по тегам:

javascript jquery html css layout

Похожие вопросы:

score 20 · Answer 1

Как насчет того, чтобы дать каждую ячейку таблицы прозрачная граница? Я вполне уверен, это сделает это для Вас...

table td {
  border:solid 5x transparent;
}

И можно только применить его горизонтально как так...

table td {
  border-left:solid 10px transparent;
}
table td:first-child {
  border-left:0;
}

Вот полная рабочая демонстрация того, что я полагаю, что Вы пытаетесь выполнить...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
    <title>Layout</title>
    <style type="text/css">
      table {
        border: 1px solid black;
      }

      table td {
        background: yellow;
        border-left:solid 10px transparent;
      }

     table td:first-child {
       border-left:0;
     }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
      <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
      </tr>
    </table>
  </body>
</html>

я не полагаю, что IE6 поддерживает CSS: первый ребенок, таким образом, вот обходное решение для этого...

<!–-[if IE 6]>
<style type="text/css">
  table td {
    border-left: expression(this.previousSibling == null ? '0' : 'solid 5px transparent');
  }
</style>
<![endif]-->

score 8 · Answer 2

попытайтесь использовать col пример s

<table>
    <col style="padding-right:20px;" />
    <col style="padding-right:30px;" />
    <col />
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

, седла также поддерживают классы:)

надежда это помогает

РЕДАКТИРОВАНИЕ Darko

: Для разъяснения col элемент, который, как объявляют наверху таблицы, влиял на все столбцы. Первый элемент седла будет влиять на первый столбец, второе седло = второй столбец и так далее. Они могут быть сгруппированы в colgroups, если Вы хотите присвоить тот же стиль больше чем одному столбцу.

EDIT2: еще После некоторого исследования оказывается, что единственные надежные стили, которые можно установить на col элемент:

граница
фон
ширина
видимость

Никакое поле или дополнение. Педераст! Был бы, устанавливая ширину столбцов, явно решают Вашу проблему?

score 0 · Answer 3

Что относительно того, чтобы просто добавить пустую ячейку, которая работает распорной деталью? Вы могли использовать тег седла как указано выше, чтобы дать пустым ячейкам определенную ширину

<col/>
<col style="width:20px"/>
<col/>
<col style="width:20px"/>
<col/>
<tr>
  <td>Data</td>
  <td>& nbsp;</td>
  <td>Data</td>
  <td>& nbsp;</td>
  <td>Data</td>
</tr>

Или если Вы хотите сделать больше с ними, просто добавьте классы к ним вместо того, чтобы использовать встроенное моделирование...

score 2 · Answer 4

Вы могли также рассмотреть использование серии фиксированных отделений ширины, пущенных в ход оставленный с полями. Это могло бы дать Вам немного больше контроля моделированием элемента.

.row div {
     margin-right: 10px;
     float: left;
     width: 50px;
}

    <div class="row">
        <div>Cell One</div>
        <div>Cell Two</div>
        <div>Cell Three</div>
    </div>

score 1 · Answer 5

Вы пытались использовать группировку седла?

<table>
    <colgroup>
        <col class="right-padding" />
        <col class="right-padding" />
        <col />
    </colgroup>
    <tbody>
        <tr>
            <td>
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
    </tbody>
</table>