HTML - 文本和图像之间的不间断空格
问题描述：
所以我有一个菜单，其中每个(多行)项在菜单项的最后一个字之后都有一个图像 rightarrow.png.问题是有时这个箭头会自己进入换行符，我想阻止这种情况发生.我试过了
So I have a menu where each (multiline) item has an image rightarrow.png right after the last word of the menu item. The problem is sometimes this arrow goes into a newline by itself, and I want to stop that from happening. I tried
Blah blah <img src="rightarrow.png" />
但仍然在某些情况下看起来像
but still in some cases it looks like
Blah blah
>
这让我发疯.
答
将所有文本放在一个元素中，然后将图像放在另一个包装器中.将 white-space:nowrap 添加到它们的父级.
Put all your text in an element, then put the image in another wrapper. Add white-space:nowrap to their parent.
相关推荐
-
第 3 章 HTML5 网页中的文本和图像
3.1 在网页中添加文本
3.2 文本排版
3.3 文字列表
3.4 网页中的图像
3.7 疑难解惑
- 分析文本的工具:wc,sort,uniq,diff和patch 文本数据统计：wc 整理文本：sort 比较文件：diff和patch wc:计数单词总数、行总数、字节总数和字符总数 sort把整理过的文本显示在STDOUT，不改变原始文件 uniq命令：从输入中删除前后相接的重复的行 diff:比较两个文件之间的区别(vim -d：https://www.cnblogs.com/lqynkdcwy/p/9321698.html) patch 复制在其它文件中进行的改变（要谨慎使用）
- 使HTML页面上获取到的文本保留空格和换行符等格式
- HTML5&CCS3（1） 网页的构造块 1.1 基本HTML页面 1.2 语义化HTML：有含义的标记 1.3 标记：元素、属性和值 1.4 网页的文本内容 1.5 链接、图像和其他非文本内容 1.6 文件名 1.7 URL 总结
- HTML - 文本和图像之间的不间断空格
- 使用 R 抓取带有图像、文本和空白单元格的 Wikipedia HTML 表格
- 如何将包含（图像标记和某些文本）的HTML代码或数据转换为图像以供下载
- 获取html标记和特定字符之间的文本
- 删除链接和文本之间的空格和下划线
- 文本和下划线之间的空格
- 如何使用C#将剪贴板数据粘贴到记事本上
- 使用 Python 从字符串中删除不间断空格