Html cellpadding в левой части ячейки

Ответ 1

Это то, что css для... HTML не допускает неравномерного заполнения. Когда вы говорите, что не хотите использовать таблицы стилей, означает ли это, что все в порядке с встроенным css?

<table>
    <tr>
        <td style="padding: 5px 10px 5px 5px;">Content</td>
        <td style="padding: 5px 10px 5px 5px;">Content</td>
    </tr>
</table>

Вы также можете использовать JS для этого, если вы отчаянно хотите использовать таблицы стилей по какой-то причине.

Ответ 2

Я бы предложил использовать встроенный CSS-стиль.

<table border="1" style="padding-right: 10px;">
<tr>
<td>Content</td>
</tr>
</table>

или

<table border="1">
<tr style="padding-right: 10px;">
<td>Content</td>
</tr>
</table>

или

<table border="1">
<tr>
<td style="padding-right: 10px;">Content</td>
</tr>
</table>

Я не совсем понимаю, что вам нужно, но это то, что я сделал бы, полагая, что понимаю, что вам нужно.

Ответ 3

Недавно мне пришлось сделать это, чтобы создать половину приличных писем для почтового клиента, который не поддерживал CSS. Для решения только для HTML я использую таблицу обертывания для обеспечения заполнения.

<table border="1" cellspacing="0" cellpadding="0">
    <tr><td height="5" colspan="3"></td></tr>
    <tr>
        <td width="5"></td>
        <td>
            This cells padding matches what you want.
            <ul>
                <li>5px Left, Top, Bottom padding</li>
                <li>10px on the right</li>
            </ul>    
            You can then put your table inside this
            cell with no spacing or padding set.                    
        </td>
        <td width="10"></td>
    </tr>
    <tr><td height="5" colspan="3"></td></tr>
</table>

Ответ 4

Ну, как было предложено Hellfire, вы можете использовать ширину td, или вы можете поместить элемент в td и отрегулировать его ширину. Мы не могли использовать

CSS property Padding

как и в Microsoft Outlook, отступы не работают. Так что я должен был сделать,

<table>
    <tr>
        <td><span style="display: inline-block; width: 40px;"></span><span>Content<span></td>
        <td>Content</td>
    </tr>
</table>

С помощью этого вы можете отрегулировать правое и левое расстояние. Для верхнего и нижнего интервалов вы можете использовать свойство td height. Как,

 <table>
        <tr>
            <td style="vertical-align: top; height: 100px;">Content</td>
            <td>Content</td>
        </tr>
    </table>

Это увеличит нижнее пространство.

Надеюсь, что это сработает для вас, ребята.:)

Ответ 5

Я использую оба метода. Cellpadding на столе как резерв в случае, если встроенный стиль не придерживается и встроен для большинства клиентов.

<table cellpadding="5">
  <tr>
    <td style='padding:5px 10px 5px 5px'>Content</td>
    <td style='padding:5px 10px 5px 5px'>Content</td>
  </tr>
</table>

Ответ 6

Я использую inline css все время ПОТОМУ ЧТО... Я хочу абсолютный контроль над дизайном и размещать разные вещи, выровненные по-другому от ячейки к ячейке.

Нетрудно понять...

Во всяком случае, я просто помещаю что-то вроде этого в свой тег:

style = 'padding: 5px 10px 5px 5px'

Где порядок представляет верхний, правый, нижний и левый.