css中使用nowrap属性还会换行怎么办

发布时间：2021-09-06 14:41:01 作者：小新
来源：亿速云阅读：145

这篇文章主要为大家展示了“css中使用nowrap属性还会换行怎么办”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中使用nowrap属性还会换行怎么办”这篇文章吧。

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？ baidu了一下，令俺非常欣慰，还真的找到了办法，问题解决了。

Highcharts.chart('container', {
	chart: {
		type: 'variwide' // varwide 依赖 varwide.js
	},
	title: {
		text: '机器状态图'
	},
	subtitle: {
		text: '数据来源：<a href="http://ec.europa.eu/eurostat/web/' +
		'labour-market/labour-costs/main-tables">eurostat</a>'
	},
	xAxis: {
		categories: [
			'2018-09-01',
			'2018-09-02',
			'2018-09-03',
			'2018-09-01',
			'2018-09-02',
			'2018-09-03',
			'2018-09-01',
			'2018-09-02',
			'2018-09-03',
			'2018-09-01',
			'2018-09-02',
			'2018-09-03',
			'2018-09-04'
		],
		crosshair: true
	},
	legend: {
		enabled: true
	},
	series: [{
		data: [
			['正常', 1, 2122],
			['调机', 1, 2311],
			['待机', 1, 1111],
			['正常', 1, 122],
			['调机', 1, 2311],
			['待机', 1, 1111],
			['正常', 1, 122],
			['调机', 1, 2311],
			['待机', 1, 1111],
			['正常', 1, 2122],
			['调机', 1, 2311],
			['待机', 1, 1111],
			['修模',1, 3212]
		],
		colors:['#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#FFE4C4'],
		colorByPoint: true,
	}]
});

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">	<meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <link rel="icon" href="https://static.jianshukeji.com/hcode/images/favicon.ico">
        <style>
            /* css 代码  */
        </style>
        <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
        <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
        <script src="https://img.hcharts.cn/highcharts/modules/variwide.js"></script>
    </head>
    <body>
        <p id="container"></p>
        <script>
            // JS 代码 
        </script>
    </body>
</html>

以上是“css中使用nowrap属性还会换行怎么办”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

css中使用nowrap属性还会换行怎么办

相关阅读