Задать вопрос
@heIIfire
html

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

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

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

<!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 просмотра
2 комментария
Подписаться 1 Оценить 2 комментария
Пригласить эксперта
Ответы на вопрос 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>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Web приложение на php+js
23 дек. 2024, в 16:55
25000 руб./за проект
Автоматизация приемки товара на склад в "Мой склад"
23 дек. 2024, в 16:50
5000 руб./за проект
Cоздание 3d сцены с симуляцией пызырьков
23 дек. 2024, в 16:13
50000 руб./за проект
Ещё заказы