Вставьте вкладку или пробелы в html

Я новичок в html, и у меня есть этот фрагмент кода:

@{ 
    ViewBag.Title = "Index";
}

<!DOCTYPE html>

<html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>View1</title>
        <script src="~/Scripts/jquery-1.9.1.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    </head>
    <body>  
        <table>    
            @foreach (var item in Model.Data)
            { 
                <tr>
                    <td><a [email protected][item.Key]>@item.Key</a></td>
                    <td>@item.Value</td>
                </tr>                        
            }
        </table>
    </body>
</html>

Я хочу добавить вкладку или пробелы между: <td><a [email protected][item.Key]>@item.Key</a></td> и <td>@item.Value</td> как это сделать?

Я думаю, что добавление css - лучший способ, но я не понимаю, как его использовать.

Ответы

Ответ 1

Вы можете добавить дополнение к вашему td с помощью CSS:

td {
  padding-right: 30px;
}
<table>
  <tr>
    <td><a href="#">Hello</a></td>
    <td>Goodbye</td>
  </tr>
  <tr>
    <td><a href="#">Hola</a></td>
    <td>Adios</td>
  </tr>
</table>

Ответ 2

`&nbsp;` is a space
`&#09;` is a tab

Просто вставьте их туда, где вы хотите

Для CSS вы должны использовать свойство padding, в Интернете есть много учебников, а образцы

Ответ 3

Вы имеете в виду визуальные пробелы?

В этом случае проверьте эту ссылку для:

  • Как добавить стили для таблицы
  • Вкладка "Таблица абзацев" специально.

Базовый CSS не так уж трудный.