Как унифицировать ширину пространства в разных браузерах

Космос   показывает разную ширину в Chrome и IE, как их унифицировать?

В IE он короче, чем в Chrome и Firefox.

Я пытался использовать шрифт, но ничего не произошло.

<span style="font-family: 宋体, SimSun; font-size: 20px;">&nbsp;&nbsp;</span>
Источник

2 ответа

Решение

Вы можете попробовать добавить отступы в css, чтобы добавить одинаковый объем пространства в промежутке между различными браузерами.

Попробуйте привести пример ниже.

<!doctype html>
<head>
  <title>demo</title>
<style>
 span.padd{padding-left:60px;}
</style>
</head>
<body>

<span class="padd">Demo Text</span>

</body>
</html>

Источник

Не использовать &nbsp; в качестве разделителя между двумя элементами, именно по этой причине.

Вместо этого вам лучше установить CSS width: атрибут на <span> до нужной вам ширины:

<span style="width: 10px"></span>

Примечание: я только показываю px вот так синтаксис правильный. Вы должны выбрать лучшую единицу измерения. Смотрите это.

Честно говоря, даже это не очень хорошее решение. Вероятно, было бы лучше поместить поле на вещи, которые вам нужно разделить, чем поместить разделитель между ними.

Источник
Другие вопросы по тегам