CSS文字溢出:省略号不取决于宽度

以下

text-overflow: ellipsis当您不设置宽度时,实际上可以使用吗?除了宽度,我需要100px从右边开始进行设置如果文本100px从右侧到达,它将被隐藏并且前面带有点。

跳过405

您可以同时使用左右两个边距:

HTML:
<div class="parent">
    <div class="test">some pseudo-centered text some pseudo-centered text some pseudo-centered text some pseudo-centered text some pseudo-centered text</div>
</div>

CSS:
.test {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 100px;
}

可以在此处看到在线工作示例:http : //jsfiddle.net/rqb3W/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS文本溢出属性省略号可以应用于垂直滚动文本吗?

来自分类Dev

文字溢出:IE中的省略号

来自分类Dev

CSS文字省略号和100%宽度

来自分类Dev

DIV宽度取决于包含的IMG宽度。内部文字溢出

来自分类Dev

CSS文字溢出省略号+以%表示的宽度无效

来自分类Dev

带有省略号的CSS文字换行

来自分类Dev

带省略号的段落溢出

来自分类Dev

带省略号的浮动div的CSS-宽度未知

来自分类Dev

溢出问题:隐藏和文本溢出:省略号

来自分类Dev

P标签一行省略号溢出-CSS

来自分类Dev

CSS“文本溢出:省略号”,并将元素垂直居中

来自分类Dev

截断省略号,不带宽度

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

文字溢出的样式点:省略号

来自分类Dev

文字溢出省略号不起作用

来自分类Dev

文字溢出:省略号在有限的显示行中不起作用

来自分类Dev

CSS-添加省略号而不会出现文本溢出

来自分类Dev

CSS文字溢出:省略号在V-chip上不起作用

来自分类Dev

宽度100%元素中的文本溢出省略号实现

来自分类Dev

文字溢出:省略号;不截断溢出文本并给出省略号

来自分类Dev

如何使用文字溢出:省略号?

来自分类Dev

带省略号的浮动div的CSS-宽度未知

来自分类Dev

以“ 100%”宽度div显示省略号

来自分类Dev

为什么我的文字溢出:省略号;没有工作吗?

来自分类Dev

文字溢出的样式点:省略号

来自分类Dev

使用文本溢出获取跨度中文本的宽度:省略号;在 IE11

来自分类Dev

CSS 文本溢出省略号无法正确显示

来自分类Dev

css。文本溢出不起作用:省略号

来自分类Dev

文本溢出:省略号不被尊重

Related 相关文章

热门标签

归档