我试图为我的最新新闻部分写一个选框效果问题是我无法计算我的 UL 标签内的文本宽度我找不到解决方案

我试图在这部分写一个选框功能，但问题是我不能为每个新闻或整个 UL（短新闻的容器）设置一个固定的宽度

所以我需要以某种方式找出 UL 内的文本宽度

谢谢

我目前正在以 1024px 媒体大小实现 CSS 媒体查询，我试图通过 put 移动 div 内链接的右侧，flex: nowrap;但它不起作用。我也试过margin-right: 20px;了，也没有用。有没有办法让它工作？

地图图像是否有可能将右列链接推到其 div 之外？

HTML

CSS (1024 像素)

CSS

I need to render a long text within a one line. and an image in the end of the line (tight end of the screen).

Given a very long text, I have to simply truncate it. The text should now go into a second line because it is too long.

please see my code. how can avoid pushing the nice emoji out of the screen?

Please take into account that the elements on the right side might be dynamic. so giving a fixed width is not good enough.

我有很多我不想自动换行的标签，但我确实想让标签列表换行。例如：

我不想要的是：

即在标签内中断。

我想要的是这样的：

我已经搞砸了

对父母和孩子，没有任何成功。要么整个​​字段结束为一行 - 根本没有中断，要么我在标签内得到中断。

目前我有这个：

我正在寻找用MS WordHTML/CSS打开一个文件。我在文件中有一个表格，想设置表格属性，使用 CSS将文本换行设置为 NONE 。我了解 Word 应该能够解释 HTML/CSS。

我找不到任何适用NO text wrapping于整个表格的 CSS 。任何人都可以帮忙吗？

我制作了一个响应式网页，其中最大宽度为 768px（通过媒体查询），主容器内的 div 假设更改为 inline-block，以便当用户单击链接时页面将水平滚动到 div 的 id。该页面设置为溢出：隐藏，因此它仅使用 id/anchor 导航。

问题是，当我在移动设备中进行预览时，容器刚刚展开，我可以完全滑动页面。甚至假设在视口中心的菜单按钮也进入了容器的中心。并在其下方留下巨大的空白。但是在桌面浏览器中它做得很好。所以我认为它与 nowrap 函数有关。

它适用于移动和桌面的 Firefox。它在 IE 桌面上工作。它在 Chrome 移动版中不起作用，但似乎在桌面版中起作用。并且在 Safari 移动版中失败，尚未在桌面版中测试。

我试图删除 white-space: nowrap 函数只是为了发现 div 没有像它假设的那样堆叠 inline-block 。我尝试了指定容器的宽度和最小宽度，但没有成功。我试过float：left，位置值和一堆我不记得的东西。没什么变化。

HTML

css

我所期望的（Chrome 桌面） https://kamalmasrun.files.wordpress.com/2019/01/desktop.jpg

但仅适用于移动 https://kamalmasrun.files.wordpress.com/2019/01/screenshot_20190122-120510.png

非常感谢您的帮助，我首先感谢大家的帮助=）。

是否可以根据单元格（td）是否具有 colspan 属性来控制表格单元格的 nowrap？

当前的CSS

如果我有如下表，我不想在 td 上使用 colspan 进行 nowrap。

我在一个小弹出窗口中有一个带有文本的复选框：

HTML：

CSS：

JSFiddle

问题是，因为我必须.checkbox-wrapper是white-space: nowrap;，它会从弹出菜单中消失。但是，如果我删除white-space: nowrap;，文本会很快换行并且不会占用弹出窗口中的所有空间。我怎样才能使文本仅在达到弹出 div 宽度的 100% 后才换行？

我想显示 nowrap 文本，例如 ...더보기 不是 ...，我如何使用 material-ui 更改它

它显示为“body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blandit...”

但我想这样展示“body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blandit ...더보기”

你可以帮帮我吗？

这里的问题是，当我<span>在一个标签中有多个元素<p>并给它们<span>一个 CSS 时inline-block，末尾的空间<span>被inline-block.

有人可以解释为什么会发生这种行为吗？