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

Question

Я хочу добавить текст в ячейку с правой стороны с дополнительным пространством.

Я не использую css таблицы стилей.

это мой код <table border="1" CELLPADDING="5"> на нужный размер, например, я хочу 10.

Спасибо.

Answer 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 для этого, если вы по какой-то причине не используете стили.

Answer 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> 

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

Answer 3

Я выбираю использовать оба метода. 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>

Answer 4

Недавно я должен был сделать это, чтобы создать половину приличных ищет адреса электронной почты для почтового клиента, который не поддерживал 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>

По состоянию на 2017 год вы бы только это для старой поддержки клиента электронной почты, довольно излишеством.

Answer 5

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

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

Во всяком случае, я просто положить что-то вроде этого в моем теге:

стиль = 'обивка: 5px 10px 5px 5px'

Где заказ представляет верхнюю, правую, нижнюю и левую.

Answer 6

Ну, как было предложено 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. Например,

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

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

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