前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >文字不换行超出后左右滑动

文字不换行超出后左右滑动

作者头像
阿超
发布2022-08-16 19:41:11
2.3K0
发布2022-08-16 19:41:11
举报
文章被收录于专栏:快乐阿超

人生就象弈棋,一步失误,全盘皆输,这是令人悲哀之事;而且人生还不如弈棋,不可能再来一局,也不能悔棋。——弗洛伊德

如下div

代码语言:javascript
复制
<div>对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。
			带着这些问题,我们来审视一下先辈。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 所谓先辈,关键是先辈需要如何写。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。
			歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 生活中,若先辈出现了,我们就不得不考虑它出现了的事实。
			在这种困难的抉择下,本人思来想去,寝食难安。 既然如何, 那么, 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 先辈,到底应该如何实现。 我认为, 可是,即使是这样,先辈的出现仍然代表了一定的意义。
			总结的来说, 那么, 在这种困难的抉择下,本人思来想去,寝食难安。 一般来讲,我们都必须务必慎重的考虑考虑。 可是,即使是这样,先辈的出现仍然代表了一定的意义。 既然如此,
			在这种困难的抉择下,本人思来想去,寝食难安。 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 总结的来说, 对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。
			本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 我认为。我们不得不面对一个非常尴尬的事实,那就是, 先辈因何而发生?
			生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 既然如此, 一般来说, 所谓先辈,关键是先辈需要如何写。 对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 问题的关键究竟为何?
			先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 问题的关键究竟为何? 所谓先辈,关键是先辈需要如何写。 笛卡儿曾经提到过,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。这似乎解答了我的疑惑。
			对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 我们不得不面对一个非常尴尬的事实,那就是, 这样看来, 而这些并不是完全重要,更加重要的问题是,
			一般来说。生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 先辈,到底应该如何实现。 先辈,到底应该如何实现。 先辈因何而发生? 现在,解决先辈的问题,是非常非常重要的。 所以,
			对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。
			一般来讲,我们都必须务必慎重的考虑考虑。 就我个人来说,先辈对我的意义,不能不说非常重大。 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。
			笛卡儿说过一句富有哲理的话,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。这句话语虽然很短,但令我浮想联翩。 就我个人来说,先辈对我的意义,不能不说非常重大。
			这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 所谓先辈,关键是先辈需要如何写。 问题的关键究竟为何? 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 所谓先辈,关键是先辈需要如何写。
			乌申斯基曾经说过,学习是劳动,是充满思想的劳动。这似乎解答了我的疑惑。 那么, 先辈,到底应该如何实现。 那么, 拉罗什夫科在不经意间这样说过,取得成就时坚持不懈,要比遭到失败时顽强不屈更重要。这似乎解答了我的疑惑。
			总结的来说, 那么, 每个人都不得不面对这些问题。 在面对这种问题时, 在这种困难的抉择下,本人思来想去,寝食难安。
			在这种困难的抉择下,本人思来想去,寝食难安。奥斯特洛夫斯基曾经提到过,共同的事业,共同的斗争,可以使人们产生忍受一切的力量。 我希望诸位也能好好地体会这句话。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。
			富兰克林说过一句富有哲理的话,你热爱生命吗?那么别浪费时间,因为时间是组成生命的材料。带着这句话,我们还要更加慎重的审视这个问题: 伏尔泰曾经提到过,不经巨大的困难,不会有伟大的事业。这似乎解答了我的疑惑。
			既然如此, 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 韩非曾经说过,内外相应,言行相称。这似乎解答了我的疑惑。 我们都知道,只要有意义,那么就必须慎重考虑。 总结的来说,
			在这种困难的抉择下,本人思来想去,寝食难安。 可是,即使是这样,先辈的出现仍然代表了一定的意义。 先辈,发生了会如何,不发生又会如何。 就我个人来说,先辈对我的意义,不能不说非常重大。先辈,到底应该如何实现。
			贝多芬在不经意间这样说过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这句话语虽然很短,但令我浮想联翩。 我们都知道,只要有意义,那么就必须慎重考虑。 一般来讲,我们都必须务必慎重的考虑考虑。
			带着这些问题,我们来审视一下先辈。 我们不得不面对一个非常尴尬的事实,那就是, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 一般来说,
			洛克曾经提到过,学到很多东西的诀窍,就是一下子不要学很多。这启发了我, 要想清楚,先辈,到底是一种怎么样的存在。 那么, 我认为, 了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 从这个角度来看,
			可是,即使是这样,先辈的出现仍然代表了一定的意义。 莫扎特曾经说过,谁和我一样用功,谁就会和我一样成功。我希望诸位也能好好地体会这句话。我认为, 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。
			了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 莎士比亚在不经意间这样说过,抛弃时间的人,时间也抛弃他。这句话语虽然很短,但令我浮想联翩。 问题的关键究竟为何? 从这个角度来看,
			在这种困难的抉择下,本人思来想去,寝食难安。 先辈,到底应该如何实现。 问题的关键究竟为何? 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 我们都知道,只要有意义,那么就必须慎重考虑。
			生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 一般来说, 富兰克林曾经说过,你热爱生命吗?那么别浪费时间,因为时间是组成生命的材料。这句话语虽然很短,但令我浮想联翩。 每个人都不得不面对这些问题。
			在面对这种问题时, 先辈因何而发生? 我们不得不面对一个非常尴尬的事实,那就是, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 先辈,到底应该如何实现。
			德国说过一句富有哲理的话,只有在人群中间,才能认识自己。这句话语虽然很短,但令我浮想联翩。 现在,解决先辈的问题,是非常非常重要的。 所以, 既然如此, 这样看来, 所谓先辈,关键是先辈需要如何写。 既然如何,
			要想清楚,先辈,到底是一种怎么样的存在。 一般来讲,我们都必须务必慎重的考虑考虑。 总结的来说。达尔文曾经提到过,敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜生命的全部价值。这启发了我,
			现在,解决先辈的问题,是非常非常重要的。 所以, 我认为, 这样看来, 我们都知道,只要有意义,那么就必须慎重考虑。 在这种困难的抉择下,本人思来想去,寝食难安。 每个人都不得不面对这些问题。 在面对这种问题时。
		</div>

效果是这样的

如果我们想让它不换行,并且超出后能左右滑动

可以在css中加上如下代码

代码语言:javascript
复制
white-space: nowrap;
overflow-x: scroll;

效果如下

如果我们还需隐藏滚动条

则再加上

代码语言:javascript
复制
::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

即可

完整代码

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 隐藏滚动条 */
			::-webkit-scrollbar {
				width: 0;
				height: 0;
				color: transparent;
			}
		</style>
	</head>
	<body>
		<div style="white-space: nowrap;overflow-x: scroll;">对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。
			带着这些问题,我们来审视一下先辈。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 所谓先辈,关键是先辈需要如何写。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。
			歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 生活中,若先辈出现了,我们就不得不考虑它出现了的事实。
			在这种困难的抉择下,本人思来想去,寝食难安。 既然如何, 那么, 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 先辈,到底应该如何实现。 我认为, 可是,即使是这样,先辈的出现仍然代表了一定的意义。
			总结的来说, 那么, 在这种困难的抉择下,本人思来想去,寝食难安。 一般来讲,我们都必须务必慎重的考虑考虑。 可是,即使是这样,先辈的出现仍然代表了一定的意义。 既然如此,
			在这种困难的抉择下,本人思来想去,寝食难安。 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 总结的来说, 对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。
			本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 我认为。我们不得不面对一个非常尴尬的事实,那就是, 先辈因何而发生?
			生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 既然如此, 一般来说, 所谓先辈,关键是先辈需要如何写。 对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 问题的关键究竟为何?
			先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 问题的关键究竟为何? 所谓先辈,关键是先辈需要如何写。 笛卡儿曾经提到过,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。这似乎解答了我的疑惑。
			对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 我们不得不面对一个非常尴尬的事实,那就是, 这样看来, 而这些并不是完全重要,更加重要的问题是,
			一般来说。生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 先辈,到底应该如何实现。 先辈,到底应该如何实现。 先辈因何而发生? 现在,解决先辈的问题,是非常非常重要的。 所以,
			对我个人而言,先辈不仅仅是一个重大的事件,还可能会改变我的人生。 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。
			一般来讲,我们都必须务必慎重的考虑考虑。 就我个人来说,先辈对我的意义,不能不说非常重大。 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。
			笛卡儿说过一句富有哲理的话,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。这句话语虽然很短,但令我浮想联翩。 就我个人来说,先辈对我的意义,不能不说非常重大。
			这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 所谓先辈,关键是先辈需要如何写。 问题的关键究竟为何? 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 所谓先辈,关键是先辈需要如何写。
			乌申斯基曾经说过,学习是劳动,是充满思想的劳动。这似乎解答了我的疑惑。 那么, 先辈,到底应该如何实现。 那么, 拉罗什夫科在不经意间这样说过,取得成就时坚持不懈,要比遭到失败时顽强不屈更重要。这似乎解答了我的疑惑。
			总结的来说, 那么, 每个人都不得不面对这些问题。 在面对这种问题时, 在这种困难的抉择下,本人思来想去,寝食难安。
			在这种困难的抉择下,本人思来想去,寝食难安。奥斯特洛夫斯基曾经提到过,共同的事业,共同的斗争,可以使人们产生忍受一切的力量。 我希望诸位也能好好地体会这句话。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。
			富兰克林说过一句富有哲理的话,你热爱生命吗?那么别浪费时间,因为时间是组成生命的材料。带着这句话,我们还要更加慎重的审视这个问题: 伏尔泰曾经提到过,不经巨大的困难,不会有伟大的事业。这似乎解答了我的疑惑。
			既然如此, 先辈的发生,到底需要如何做到,不先辈的发生,又会如何产生。 韩非曾经说过,内外相应,言行相称。这似乎解答了我的疑惑。 我们都知道,只要有意义,那么就必须慎重考虑。 总结的来说,
			在这种困难的抉择下,本人思来想去,寝食难安。 可是,即使是这样,先辈的出现仍然代表了一定的意义。 先辈,发生了会如何,不发生又会如何。 就我个人来说,先辈对我的意义,不能不说非常重大。先辈,到底应该如何实现。
			贝多芬在不经意间这样说过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这句话语虽然很短,但令我浮想联翩。 我们都知道,只要有意义,那么就必须慎重考虑。 一般来讲,我们都必须务必慎重的考虑考虑。
			带着这些问题,我们来审视一下先辈。 我们不得不面对一个非常尴尬的事实,那就是, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 一般来说,
			洛克曾经提到过,学到很多东西的诀窍,就是一下子不要学很多。这启发了我, 要想清楚,先辈,到底是一种怎么样的存在。 那么, 我认为, 了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 从这个角度来看,
			可是,即使是这样,先辈的出现仍然代表了一定的意义。 莫扎特曾经说过,谁和我一样用功,谁就会和我一样成功。我希望诸位也能好好地体会这句话。我认为, 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。
			了解清楚先辈到底是一种怎么样的存在,是解决一切问题的关键。 莎士比亚在不经意间这样说过,抛弃时间的人,时间也抛弃他。这句话语虽然很短,但令我浮想联翩。 问题的关键究竟为何? 从这个角度来看,
			在这种困难的抉择下,本人思来想去,寝食难安。 先辈,到底应该如何实现。 问题的关键究竟为何? 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 我们都知道,只要有意义,那么就必须慎重考虑。
			生活中,若先辈出现了,我们就不得不考虑它出现了的事实。 一般来说, 富兰克林曾经说过,你热爱生命吗?那么别浪费时间,因为时间是组成生命的材料。这句话语虽然很短,但令我浮想联翩。 每个人都不得不面对这些问题。
			在面对这种问题时, 先辈因何而发生? 我们不得不面对一个非常尴尬的事实,那就是, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 先辈,到底应该如何实现。
			德国说过一句富有哲理的话,只有在人群中间,才能认识自己。这句话语虽然很短,但令我浮想联翩。 现在,解决先辈的问题,是非常非常重要的。 所以, 既然如此, 这样看来, 所谓先辈,关键是先辈需要如何写。 既然如何,
			要想清楚,先辈,到底是一种怎么样的存在。 一般来讲,我们都必须务必慎重的考虑考虑。 总结的来说。达尔文曾经提到过,敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜生命的全部价值。这启发了我,
			现在,解决先辈的问题,是非常非常重要的。 所以, 我认为, 这样看来, 我们都知道,只要有意义,那么就必须慎重考虑。 在这种困难的抉择下,本人思来想去,寝食难安。 每个人都不得不面对这些问题。 在面对这种问题时。
		</div>
	</body>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档