ellipsis 相关问题

省略号是一系列点(通常为3,即“......”),用于表示某些文本中的单词的省略,或者更常见的是前面的文本已被截断。

Python函数体中的“...”是什么意思?

每当我看到任何Python内置函数时,我总是会找到一个具有...的函数,例如: def 追加(self, __object: _T) -> 无: ... 但是,...是什么意思?

回答 1 投票 0

Python中的“...”是什么意思?

每当我看到任何Python内置函数时,我总是会找到一个具有...的函数,例如: def 追加(self, __object: _T) -> 无: ... 但是,我找不到...的含义...什么...

回答 1 投票 0

紧接切片后...是什么意思?

在 Go 的上下文中 ... 是什么意思? ids = 追加(ids[:index], ids[index+1:]...) 我读过这个很棒的问答: 三个点(称为通配符?)是否包含多个含义? 关于...

回答 2 投票 0

三个点是否包含多种含义?

据我所知,“...”表示下面代码片段中数组的长度。 var days := [...]string { "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" } 另一方面,“...”意味着打开...

回答 2 投票 0

...interface{}(点点点接口)的含义

下面是一段我有疑问的Go代码。 具体来说,这个函数中的 a 是什么? func DPrintf(格式字符串, a ...interface{}) (n int, err error) { 如果调试 > 0 { n,错误 = fmt。

回答 2 投票 0

当所需条件不满足时,“text-overflow: ellipsis”如何在这里工作?

我知道要让 text-overflow: ellipsis 起作用,必须满足几个条件: 该元素必须具有设定的宽度或最大宽度。 溢出属性必须设置为隐藏、滚动、自动或剪辑。 ...

回答 1 投票 0

CSS 字符串开头的文本省略号?

使用 CSS 获得这种效果很简单: 这是一段很长的段落... 我们只是使用 text-overflow:ellipsis。 然而反过来 ……这是一个很长的段落。 似乎不太明显。 我...

回答 1 投票 0

如何在Python中使用省略号切片语法?

这出现在Python的隐藏功能中,但我看不到很好的文档或示例来解释该功能如何工作。

回答 5 投票 0

如何仅在激活省略号时显示工具提示?

我正在使用 Chakra UI(工具提示和省略号)我添加了工具提示以完全显示标题上的标签,但我只想在激活省略号时显示工具提示! 例如,在没有...

回答 1 投票 0

省略号现在在 Safari 中以渐变文本显示

我有一个带有用户图标和电子邮件的 HTML 块,文本颜色是渐变的。问题是当我将屏幕缩小到最小尺寸时,省略号在 Safari 中不显示,尽管它可以工作......

回答 1 投票 0

省略号 (...) 是如何本地化的?

我正在制作一款软件,打算将来进行本地化。我想知道省略号(...指示操作打开新窗口/对话框)通常是如何本地化的。 全部做完

回答 3 投票 0

在PowerShell中获取PATH环境变量

我想检查PowerShell中的PATH环境变量 我试过了 获取ChildItem env:路径 我想获得完整的路径,但只获得其中的很小一部分。我能得到多少取决于...

回答 3 投票 0

我如何在CSS中制作响应式省略号

我想在这个div中制作一个响应式省略文本 我正在使用这段代码: 超文本标记语言 ... 我想在这个 div 中制作响应式省略文本 我正在使用此代码: HTML <div class="listing" id="listing-1"> <div class="icon-name-cat"> <img src="music.svg"> <div class="name-cat"> <p class="name">Hymn for the weekend</p> <p class="singer">Coldplay</p> </div> </div> <div class="play-now"> Play Now <img src="play-now.svg"> </div> </div> CSS .listing .icon-name-cat .name-cat .name { width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 我希望这能解决您的问题<3 *, body { padding: 0; margin: 0; box-sizing: border-box; font-family: system-ui; } body { background-color: #121212; color: #fff; height: 100vh; display: grid; place-items: center; } .listing { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border: 3px solid; border-radius: 8px; width: 340px; margin: 12px; } .icon-name-cat, .play-now { display: flex; align-items: center; } .icon-name-cat .name, .icon-name-cat .singer { font-size: 16px; white-space: nowrap; width: 10vw; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .icon-name-cat .singer { font-size: 12px; width: 100px; } .listing svg { fill: #fff; height: 30px; cursor: pointer; } <div class="listing" id="listing-1"> <div class="icon-name-cat"> <div class="music_svg"> <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"> <path d="M396.077-143.848q-55.519 0-94.105-38.586-38.586-38.586-38.586-94.105 0-55.519 38.586-94.105 38.586-38.586 94.105-38.586 26.462 0 48.769 8.577 22.308 8.577 38.539 24.5v-411.153q0-12.519 8.209-20.683 8.209-8.163 20.796-8.163h155.406q12.587 0 20.703 8.163 8.115 8.164 8.115 20.683v54.614q0 12.519-8.164 20.682-8.163 8.164-20.682 8.164h-139v427.307q0 55.519-38.586 94.105-38.586 38.586-94.105 38.586Z" /> </svg> </div> <div class="name-cat"> <p class="name">Hymn for the weekend</p> <p class="singer">Coldplay</p> </div> </div> <div class="play-now"> Play Now <div class="play_svg"> <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"> <path d="M340.001-291.464v-381.533q0-13.616 8.682-21.231 8.683-7.616 20.387-7.616 3.393 0 7.518.808t7.875 2.808l300.15 192.151q6.615 4.616 10.115 10.423 3.5 5.808 3.5 13.423 0 7.616-3.5 13.423-3.5 5.808-10.115 10.423l-300.15 192.152q-3.784 2-7.946 2.807-4.162.808-7.561.808-11.724 0-20.339-7.615-8.616-7.616-8.616-21.231Zm45.384-190.767Zm0 161 253.999-161L385.385-643.23v321.999Z" /> </svg> </div> </div> </div>

回答 1 投票 0

如何使省略号与显示柔性配合使用

我不知道为什么这个简单的CSS不起作用...... 。应用程序{ 位置:相对; 背景颜色:#eae9ea; 对齐项目:居中; 显示:柔性; 弯曲方向:行; 调整内容:空格-

回答 1 投票 0

Ant Design 选项卡:隐藏更多元素

我需要左侧选项卡,其中包含两个带有组件选项卡的项目(ant.design)。 该组件向我显示了“更多元素”,但我现在不知道如何隐藏它。 我的代码: ... 常量选项卡项 = [ {标签:'选项卡 1',k...

回答 2 投票 0

由 flex-grow 调整大小的弹性项目中包含的文本上的省略号

我有一行,使用Flexbox,其中包含单元格。 我希望第一个单元格的文本位于一行并用省略号截断。 一切都保持响应。 然而...

回答 1 投票 0

文本溢出省略号不适用于 Firefox 中 <input type='file' /> 中选定的文件名。请提出解决方案

我无法找到将“text-overflow:ellipsis”样式应用于 Firefox 浏览器中 中选定文件名的解决方案 我正在应用CSS如下 .inp{ d...

回答 2 投票 0

如何在窗口/列调整大小时动态添加省略号(...)到长文本,其中列包含文本,后跟 ag 网格反应中的徽章/图像

在我的 React Ag 网格中,我有一个列,其中包含文本部分,后跟可选的徽章/图像。 使用这篇文章中的提示,我们可以向列添加省略号,如果该列仅......

回答 1 投票 0

文本溢出省略号在嵌套 Flexbox 中不起作用

我有一个用弹性框创建的两列布局。 在右列中,我有两行,第一行包含标题,第二行包含页面内容。 在标题中我有三个 c...

回答 5 投票 0

如何使文本溢出:省略号在react.js + tailwind css 中的文本区域上工作

我遇到了文本溢出问题:在我的项目中,当在 div 上使用顺风截断以及文本内容被包装到 的组件时,省略号无法正常工作。文本溢出是 </desc> <question vote="0"> <p>我有一个文本溢出问题:在我的项目中,当在 div 上使用顺风截断以及文本内容被包装到 <pre><code><textarea/></code></pre> 的组件时,省略号无法正常工作。文本溢出已隐藏,但未显示 3 个点。</p> <p>这是一个简化的代码片段:</p> <pre><code><div onClick={someFunction} className="relative inline-block max-w-24 h-6 truncate"> <someComponent content={props.content} //this component is a read only textarea /> <div className="absolute left-0 right-0 top-0 bottom-0"></div> </div> </code></pre> <p>组件代码:</p> <pre><code><textarea className="inline-block text-inherit bg-inherit max-w-full max-h-full" defaultValue={props.content} readOnly={true} /> </code></pre> <p>我尝试了不同的显示,如<pre><code>display : inline, inline-block, block, flex</code></pre>等,以及用<pre><code>overflow: hidden; text-overflow: ellipsis; white-space: nowrap;</code></pre></p>替代顺风截断 </question> <answer tick="false" vote="0"> <p><a href="https://play.tailwindcss.com/Vhp6jQnyvh" rel="nofollow noreferrer">看起来</a>这不是<pre><code><textarea></code></pre>想要的行为方式。这个问题也在这里讨论过:<a href="https://stackoverflow.com/questions/40921849/text-overflow-ellipsis-not-work-on-textarea">text-overflow: ellipsis not work on TextArea</a></p> </answer> </body></html>

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.