удалить начальный и конечный интервал текста внутри ячейки таблицы - PullRequest
Новая
       15

удалить начальный и конечный интервал текста внутри ячейки таблицы

0 голосов
/ 03 октября 2018

Это мой код, 

<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td style="font-size:180px;text-align:center;
      display:inline-block;">O</td>
  </tr>
</table>

Fiddle Link

У меня есть ячейка таблицы, внутри которой есть символ O.
Как вы можетевидите, есть пробелы между началом и концом символа (между левой границей ячейки и O, между правой границей ячейки и O.
Я просто хочу удалить его. Я хочу, чтобы символ Oкоснитесь левой и правой границы ячейки.
Я попытался отрегулировать ширину ячейки, используя display:block для стиля ячейки.
Но, к сожалению, ни одна из этих работ.

1 Ответ

0 голосов
/ 03 октября 2018

Место, которое вы видите, определяется семейством шрифтов, а не элементами html.Если вы хотите достичь желаемого результата, вы можете применить некоторую отрицательную маржу и получить результат, как показано ниже. 

table {
border:1px solid #000;
}
.zero {
font-size:180px;
text-align:center;
display:inline-block;
margin-right:-7px;
margin-left:-7px;
}
<table border="0" cellpadding="0" cellspacing="0">
<tr>
  <td class="zero">O</td>
</tr>
</table>
...