html中文字不自动换行 white-space style
记录一下今天前端开发的时候遇到的一些问题以及解决方法。
如下图所示,资源描述,不能显示在一行,我们需要指定一下它的样式来达到我们想要的样子。
white-space
我们通过对white-space这个style样式来使其不自动换行
下面是参考其他的博客总结的其值表示的样式:
值 | 描述 |
---|---|
pre | 文字空白部分会被浏览器保留 |
nowrap | 文本不会换行,直到遇到换行标签 |
pre-wrap | 保留空白符序列,但是正常地进行换行 |
pre-line | 合并空白符序列,但是保留换行符 |
我们所需要的属性就是nowrap。
我们指定他的css样式
span {font-size: 20px;white-space: nowrap
}
结果如下:
html中文字不自动换行 white-space style相关推荐
- 关于处理Excel表中文字不能自动换行问题
大家是不是经常会在处理Excel表文字的时候会遇到单元格已经设置好自动换行,但是没出现我们预期的结果, 其中有那么一些行就是不听话,总是换了不了行并且好多文字还隐藏起来显示不出来,这个时候怎么办呢? ...
- html怎样让文字自动换行,css中文字自动换行如何实现
css中文字自动换行如何实现 在div css布局中,遇到连续英文字母或连续数字在div.p.h2.h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行. 当然中文字在DIV或任意盒子中均会自动换 ...
- canvas绘制海报中文字自动换行
canvas:canvas绘制海报中文字自动换行 问题描述 canvas绘制的海报在某一行文字过多时不会自动换行(设置文本宽度无用) 源代码 context.fillText(this.data.go ...
- word中表格文字不自动换行的方式
word中表格文字不自动换行的方式 1.选中表格 2.表格工具->布局->对齐方式->单元格边距 3.将左右的边距改为0
- stm32中c语言换行符error——expect a declaration warning——“\“followed by white space is not a line splic
标题 stm32中c语言换行符error--expect a declaration warning--""followed by white space is not a lin ...
- html中文本不自动换行,css文字不自动换行怎么解决?
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. 文字不自动换行可 ...
- 微信小程序-canvas绘制文字实现自动换行
微信小程序-canvas绘制文字实现自动换行 在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为 我们只能设置文本的最大宽度,这就产生 ...
- 如何实现文章中文字的打字效果
如何实现文章中文字的打字效果的问题,其实,这个效果是用JavaScript来实现的,由于大多数博友网页知识不多,所以我就不深入讲解了.只要你按照本文的方法去做,保证你的文章实现打字效果! 第一步:首先 ...
- css网页布局中文字排版的属性和用法
前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...
最新文章
- 内嵌IE网页窗口中消除IE默认脚本设置影响的方法
- python3爬虫系列教程-Python3爬虫视频学习教程
- 暴风影音CEO冯鑫称与腾讯不惜一战
- 吴恩达机器学习Week4神经网络表述
- 【LeetCode】LeetCode之打家劫舍【暴力递归、动态规划、动态规划之优化空间的具体分析与实现】
- 总结Selenium WebDriver中一些鼠标和键盘事件的使用
- Bugku-Web-Cookies欺骗
- nginx基础配置,转发所有
- URL传递参数长度限制
- 字体加密woff(@font-face)防爬-学习记录
- web切图工具 css,WEB前端之切图篇
- nodejs+Koa2实现小程序的微信支付请求(一)
- 成都榆熙:拼多多商家如何批量设置产品属性值?
- 班主任有趣高效的班级惩罚制度
- 如何建设一个标签库?
- 【AirPlay2开发】协议整合
- 求解佩尔方程的基本解
- 函数柯里化与反柯里化
- STM8 8位基本型定时器 TIM4
- linux 上oracle已经启动 但是客户端无法连接,Oracle 客户端连接排错
热门文章
- 动态gif图如何裁剪?一个小窍门教你在线裁剪动图
- 数学分析:有理数的稠密性证明
- (已解决)STM32报错Error: L6218E: Undefined symbol assert_param (referred from misc.o).
- 惠普HP Deskjet 1180c 打印机驱动
- 华为mate50pro和华为p50pro哪个好
- VBA AutoExec 宏
- MySQL中的auto_increment
- POI导出excel,按照父子节点进行分级显示
- 广告设计、海报、宣传单、易拉宝、照片放大、网站设计;
- 2017ACM-ICPC EC-Final总结