@heIIfire

Что за баг у Хрома?

Приветствую! Обнаружил баг у Хрома, но так и не понял в чем дело!

Вот код ( простенький )

<!DOCTYPE html>
<html lang="ru">
	<head>
    	<meta charset="utf-8">
    	<title>sss</title>
	</head>
	<body>
		<span style="font-size: 100px;white-space: nowrap">Рейтинг: <span style="background-color: black; color: white">8.9</span></span>
		<span style="font-size: 100px;white-space: nowrap">Режиссер: <span style="background-color: black; color: white">Кристофер Нолан</span></span>
	</body>
</html>


Ну так вот! В Хроме ( ну и в браузерах с движком Хрома) происходит перенос!

f762ef1c78634067bb201e05cacc283f.png

Может кто то просветит что это за фигня?
  • Вопрос задан
  • 403 просмотра
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Давай свойства нужно не строчному элементов, а блочному:

<div style="font-size: 100px;white-space: nowrap">
	    <span>Рейтинг: <span style="background-color: black; color: white">8.9</span></span>
	    
    </div>

    <div style="font-size: 100px;white-space: nowrap">
	    <span>Режиссер: <span style="background-color: black; color: white">Кристофер Нолан</span></span>
    </div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы