MVC Html.LabelFor tooltip

问题

Trying find out how to add a bit more space between the icon and the text

<td>@Html.LabelFor(m => m.MiscellaneousSettings.StudentPhotoUrl, new { @class = "fa fa-question-circle", Title = "SomeTooltips" }) </td>

As you can see its really close:

回答1:

Add this in your css:

label.fa:before {
  margin-right: 5px;
}

Which will result in:

See this JSFiddle.

回答2:

Add a space before the student photo URL

<td>@Html.LabelFor(m => "&nbsp;" + m.MiscellaneousSettings.StudentPhotoUrl, new { @class = "fa fa-question-circle", Title = "SomeTooltips" }) </td>

来源：https://stackoverflow.com/questions/39759081/mvc-html-labelfor-tooltip