Text-overflow文字的处理方式

clip: 不显示省略标记(...),而是简单的裁切。

ellipsis: 当对象内文本溢出时显示省略标记(...)

text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。

1 h1{width: 200px;
2     height: 100px;
3     border: solid 1px red;
4     text-overflow: ellipsis;
5     overflow: hidden;
6     white-space: nowrap;
7 }

必须结合以上三个才能实现效果

h1{width:200px;

height:100px;

border:solid1px red;

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

}

必须结合以上三个才能实现效果

时间: 2024-10-11 11:53:30

Text-overflow文字的处理方式的相关文章

par函数的adj 参数- 控制文字的对齐方式

adj 用来控制文字的对齐方式,取值范围为0到1,控制图片中x轴和y轴标签,标题,以及通过text 添加的文字的对齐方式 0表示左对齐,代码示例: par(adj = 0)plot(1:5, 1:5, type = "n", main = "title", xlab = "x", ylab = "y")abline(h = 3, lty = 2)abline(v = 3, lty = 2)text(x = 3, y= 3, l

IOS利用Core Text对文字进行排版 - 转

原贴地址:http://hi.baidu.com/jwq359699768/blog/item/5df305c893413d0a7e3e6f7b.html core text 这个包默认是没有的,要自己手动添加进来. 在IOS中利用core text对文本进行排版的几个关键点如下: 字间距:kCTKernAttributeName 行间距:kCTParagraphStyleSpecifierLineSpacingAdjustment 或 kCTParagraphStyleSpecifierLin

实现password框中显示文字提示的方式

其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就是放两个文本框,样式以及定位都是一样的.先将type为password的隐藏,只显示type为text的伪密码框,value设置提示内容例如请输入密码.然后当input触发的时候,type为text的input隐藏,让type为password的input显示出来.然后当检测password的val

unity 中让Text的文字动态刷新形式

第一种刷新文字形式 using UnityEngine; using System.Collections; using UnityEngine.UI; public class SensorTextRefresh2 { // Use this for initialization string showstring; public Text _text; public string otherName = "normal"; string current; RefreshState

图片与文字的对齐方式

html代码: <div class="content_con"> <p><img src="images/land_main05.png" alt=""></p> <div class="con"> <span class="item">项目名称</span> <span class="item_con&q

SVG.JS修改text的文字

1.http://bbs.csdn.net/topics/370165672 2. ZC:(1).<text/>dom对象.textContent = "???"; ZC:(2).<text/>dom对象.innerHTML = "???"; 3. 4. 5. 原文地址:https://www.cnblogs.com/h5skill/p/8432243.html

Entity Framework(EF) Code First将实体中的string属性映射成text类型的几种方式

1.通过ColumnType属性设置 [Column(TypeName="text")] public string Text { get; set; } 在进行以上属性设置时,请首先引入命名空间:System.ComponentModel.DataAnnotations.Schema 2.通过StringLength属性设置 [StringLength(4010)] public string Text { get; set; } 3.通过Fluent API配置设置  modelB

[leetcode]68. Text Justification文字对齐

Given an array of words and a width maxWidth, format the text such that each line has exactly maxWidth characters and is fully (left and right) justified. You should pack your words in a greedy approach; that is, pack as many words as you can in each

web前端入门到实战:css实现文字竖排的方式

html中文字的默认排列是横向排列的,但一些特殊情况下是需要文字竖向排列的. 单行文字竖向排列 .onecn{ width: 20px; margin: 0 auto; line-height: 24px; } .oneen{ width: 15px; margin: 0 auto; line-height: 24px; font-size: 20px; word-wrap: break-word;/*英文的时候需要加上这句,自动换行*/ word-break:break-all; } web前