精华内容
下载资源
问答
  • 怎样显示文本文档的属性
    千次阅读
    2021-06-06 07:41:46

    android:autoLink //设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web

    /email/phone/map/all)

    android:autoText //如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输入的时候起作用

    android:bufferType //指定getText()方式取得的文本类别。选项editable

    类似于StringBuilder可追加字符,也就是说getText后可调用append方法设置文本内容。spannable

    则可在给定的字符区域使用样式

    android:capitalize //设置英文字母大写类型。此处无效果,需要弹出输入法才能看得到,参见EditView此属性说明

    android:cursorVisible //设定光标为显示/隐藏,默认显示

    android:digits //设置允许输入哪些字符。如“1234567890.+-*/% ()”

    android:drawableBottom //在text的下方输出一个drawable,如图片。如果指定一个颜色的话会把text的背景设为该颜色,并且同时和background使用时覆盖后者

    android:drawableLeft //在text的左边输出一个drawable,如图片

    android:drawablePadding //设置text与drawable(图片)的间隔,与drawableLeft、

    drawableRight、drawableTop、drawableBottom一起使用,可设置为负数,单独使用没有效果

    android:drawableRight //在text的右边输出一个drawable

    android:drawableTop //在text的正上方输出一个drawable

    android:editable //设置是否可编辑

    android:editorExtras //设置文本的额外的输入数据

    android:ellipsize //设置当文字过长时,该控件该如何显示。有如下值设置:”start”—?省略号显示在开头;”end”

    ——省略号显示在结尾;”middle”—-省略号显示在中间;”marquee” ——以跑马灯的方式显示(动画横向移动)

    android:freezesText //设置保存文本的内容以及光标的位置

    android:gravity //设置文本位置,如设置成“center”,文本将居中显示

    android:hintText //为空时显示的文字提示信息,可通过textColorHint设置提示信息的颜色。此属性在

    EditView中使用,但是这里也可以用

    android:imeOptions //附加功能,设置右下角IME动作与编辑框相关的动作,如actionDone右下角将显示一个“完成”,而不设置默认是一个回车符号。这个在EditView中再详细说明,此处无用

    android:imeActionId //设置IME动作ID

    android:imeActionLabel //设置IME动作标签

    android:includeFontPadding //设置文本是否包含顶部和底部额外空白,默认为true

    android:inputMethod //为文本指定输入法,需要完全限定名(完整的包名)。例如:com.google.android.inputmethod.pinyin,但是这里报错找不到

    android:inputType //设置文本的类型,用于帮助输入法显示合适的键盘类型。在EditView中再详细说明,这里无效果

    android:linksClickable //设置链接是否点击连接,即使设置了autoLink

    android:marqueeRepeatLimit //在ellipsize指定marquee的情况下,设置重复滚动的次数,当设置为 marquee_forever时表示无限次

    android:ems //设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度

    android:maxEms //设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项

    android:maxLength //限制显示的文本长度,超出部分不显示

    android:lines //设置文本的行数,设置两行就显示两行,即使第二行没有数据

    android:maxLines //设置文本的最大显示行数,与width或者layout_width结合使用,超出部分自动换行,超出行数将不显示

    android:minLines //设置文本的最小行数,与lines类似

    android:lineSpacingExtra //设置行间距

    android:lineSpacingMultiplier //设置行间距的倍数。如”$2

    android:numeric //如果被设置,该TextView有一个数字输入法。此处无用,设置后唯一效果是TextView有点击效果,此属性在EdtiView将详细说明

    android:password //以小点”.”显示文本 android:phoneNumber设置为电话号码的输入方式

    android:privateImeOptions //设置输入法选项,此处无用,在EditText将进一步讨论

    android:scrollHorizontally //设置文本超出TextView的宽度的情况下,是否出现横拉条

    android:selectAllOnFocus //如果文本是可选择的,让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。TextView中设置后无效果

    android:shadowColor //指定文本阴影的颜色,需要与shadowRadius一起使用

    android:shadowDx //设置阴影横向坐标开始位置

    android:shadowDy //设置阴影纵向坐标开始位置

    android:shadowRadius //设置阴影的半径。设置为0.1就变成字体的颜色了,一般设置为3.0的效果比较好

    android:singleLine //设置单行显示。如果和layout_width一起使用,当文本不能全部显示时,后面用“…”来表示。如android:text="test_

    singleLine " android:singleLine="true"

    android:layout_width="20dp"将只显示“t…”。如果不设置singleLine或者设置为false,文本将自动换行

    android:text设置显示文本. android:textAppearance设置文字外观。如

    “?android:attr/textAppearanceLargeInverse”这里引用的是系统自带的一个外观,?表示系统是否有这种外观,否则使用默认的外观。可设置的值如下:textAppearanceButton/textAppearanceInverse/textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse/textAppearanceSmall/textAppearanceSmallInverse

    android:textColor //设置文本颜色

    android:textColorHighlight //被选中文字的底色,默认为蓝色

    android:textColorHint //设置提示信息文字的颜色,默认为灰色。与hint一起使用。

    android:textColorLink //文字链接的颜色.

    android:textScaleX //设置文字之间间隔,默认为$2。

    android:textSize //设置文字大小,推荐度量单位”sp”,如”15sp”

    android:textStyle //设置字形[bold(粗体) 0, italic(斜体) 1, bolditalic(又粗又斜) 2]

    可以设置一个或多个,用“|”隔开

    android:typeface //设置文本字体,必须是以下常量值之一:normal 0, sans 1, serif 2, monospace(等宽字体)

    3]

    android:height //设置文本区域的高度,支持度量单位:px(像素)/dp/sp/in/mm(毫米)

    android:maxHeight //设置文本区域的最大高度

    android:minHeight //设置文本区域的最小高度

    android:width //设置文本区域的宽度,支持度量单位:px(像素)/dp/sp/in/mm(毫米),与layout_width 的区别看这里

    android:maxWidth //设置文本区域的最大宽度

    android:minWidth //设置文本区域的最小宽度 android布局属性详解

    RelativeLayout用到的一些重要的属性:

    第一类:属性值为true或false

    android:layout_centerHrizontal //水平居中

    android:layout_centerVertical //垂直居中

    android:layout_centerInparent //相对于父元素完全居中

    android:layout_alignParentBottom //贴紧父元素的下边缘

    android:layout_alignParentLeft //贴紧父元素的左边缘

    android:layout_alignParentRight //贴紧父元素的右边缘

    android:layout_alignParentTop //贴紧父元素的上边缘

    android:layout_alignWithParentIfMissing//如果对应的兄弟元素找不到的话就以父元素做参照物

    第二类:属性值必须为id的引用名“@id/id-name”

    android:layout_below //在某元素的下方

    android:layout_above //在某元素的的上方

    android:layout_toLeftOf //在某元素的左边

    android:layout_toRightOf //在某元素的右边

    android:layout_alignTop //本元素的上边缘和某元素的的上边缘对齐

    android:layout_alignLeft //本元素的左边缘和某元素的的左边缘对齐

    android:layout_alignBottom //本元素的下边缘和某元素的的下边缘对齐

    android:layout_alignRight //本元素的右边缘和某元素的的右边缘对齐 第三类:属性值为具体的像素值,如30dip,40px

    android:layout_marginBottom //离某元素底边缘的距离

    android:layout_marginLeft //离某元素左边缘的距离

    android:layout_marginRight //离某元素右边缘的距离

    android:layout_marginTop //离某元素上边缘的距离 EditText的android:hint 设置EditText为空时输入框内的提示信息

    android:gravity //属性是对该view 内容的限定.比如一个button 上面的text. 你可以设置该text

    在view的靠左,靠右等位置.以button为例,android:gravity="right"则button上面的文字靠右

    android:layout_gravity android:layout_gravity是用来设置该view相对与起父view

    的位置.比如一个button

    在linearlayout里,你想把该button放在靠左、靠右等位置就可以通过该属性设置.以button为例,android:layout_gravity="right"则button靠右

    android:layout_alignParentRight

    使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false,默认false。

    android:scaleType:

    android:scaleType是控制图片如何resized/moved来匹对ImageView的size。ImageView.ScaleType

    / android:scaleType值的意义区别: CENTER /center

    按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 CENTER_CROP /

    centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) CENTER_INSIDE /

    centerInside 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

    FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示 FIT_END / fitEnd

    把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置 FIT_START / fitStart

    把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置 FIT_XY / fitXY

    把图片不按比例扩大/缩小到View的大小显示 MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。 **

    要注意一点,Drawable文件夹里面的图片命名是不能大写的

    更多相关内容
  • XML应用开发(软件品牌)-1期 4.6 课堂实践-使用CSS文本属性显示XML文档-文本修饰属性.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.6 案例分析-使用CSS文本属性显示XML文档-文本修饰属性.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.3 课堂实践-使用CSS文本属性显示XML文档-显示属性display.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.3 案例分析-使用CSS文本属性显示XML文档-显示属性display.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.4 课堂实践-使用CSS文本属性显示XML文档-字体属性font.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.4 案例分析-使用CSS文本属性显示XML文档-字体属性font.doc 学习资料 复习资料 教学资源
  • 经典WinCC画面文本显示问号??的解决办法
  • Html文本属性

    2022-04-03 10:28:17
    文本属性

    文本属性
    在这里插入图片描述
    在这里插入图片描述
    1.
    font-size
    字体大小
    单位是px,浏览器默认是16px,设计图常用字号是12px
    2.
    font-family
    字体
    当字体是中文字体、英文字体中有空格时,需加双引号;
    多个字体中间用逗号链接先解析第1个字体如果没有解析第2个字体,以此类推
    3.
    color
    颜色
    color.red; color:f#f0; color:rgb(255,0,0); 0-255
    4
    font-weight
    加粗
    font-weight:bolder(更粗的)/bold (加粗) rmal (常规)
    font-weight: 100-900; 100- 500不加粗600- 900加粗
    5
    font-style
    倾斜
    font-style: italic(斜体 字)/oblique(倾斜的文字)normal (常规显示) ;
    text-align:left;水平靠左
    6
    text-align
    文本水平对齐
    text-align: right; 水平靠右
    text-align: center; 水平居中
    text- algn;justify;水平2端对齐,但是只对多行起作用。
    7.
    line-height
    行高
    line-height的数据=height的数据,可以实现单行文本垂直居中
    8
    text-indent
    首行缩进
    text-indent可以取负值; text-indent属性 只对第一行起作用
    text-indent可以设置为2em自动缩进2个文字
    9
    letter-spacing
    字间距控制文字和文字之间的间距
    10
    text-decoration
    文本修饰text- decoration:none没有/underline下划线/overline,上划线ne - through删除线
    font是font-style font-weight font- size / line-height font- family的简写。
    11
    font
    文字简写.
    fontitalic 800 30px/80px““宋体”;顺序不能改变,必须同时指定font-size和font- family
    属性时才起作用

    展开全文
  • XML应用开发(软件品牌)-1期 4.5 课堂实践-使用CSS文本属性显示XML文档-前景色和背景色.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.5 案例分析-使用CSS文本属性显示XML文档-前景色和背景色.doc 学习资料 复习资料 教学资源
  • CSS文字文本属性

    2022-04-21 20:33:52
    1.字体:css使用font-family属性来定义文本的字体类型 标签名 { font-family:字体样式 ; } 如果使用多个字体,每个字体间要用英文状态下的逗号隔开 一般情况下,如果字体名为多个英文单词及空格组成,一般...

    一.CSS文字属性

    CSS Fonts(字体)属性用于定义字体系列,大小,粗细,和文字样式(如斜体)

    1.字体:css使用font-family属性来定义文本的字体类型

    标签名 {
         font-family:字体样式 ;
    }
    • 如果使用多个字体,每个字体间要用英文状态下的逗号隔开
    • 一般情况下,如果字体名为多个英文单词及空格组成,一般放在单引号中
    • 尽量使用系统默认自带字体,保证用户在任何浏览器中打开都可以显示正确
    • 使用多个字体时,显示的规则为从前到后,如果浏览器可以识别前面的字体,就优先显示为前面的字体

    2.文字大小:CSS使用font-size属性定义文字大小

    标签名{
        font-size: 20px :
    }
    • px(像素)大小是网页中最常用的单位
    • 不同浏览器中默认显示的字体大小不一样,尽量给定一个明确大小
    • 可以给body指定整个页面的文字大小
    • 使用多个字体时,显示的规则为从前到后,如果浏览器可以识别前面的字体,就优先显示为前面的字体
    • 修改标题文字大小需要单独修改

    3.字体粗细:CSS使用font-weigh属性设置文本字体的粗细,与strong相比,更加提倡在标签中加strong

    标签名 { 
        font-weigh;数字:
    }

    4.文字样式:CSS使用font-style属性设置文本风格

    标签名 {
        font-style:属性;
    }

    如果在HTML文件中,用<em>标签定义了一个倾斜体,想要将它改为正常的,将属性改为normal,将正常的改为倾斜体属性为italic

    5.文字的复合属性:可以把文字样式综合来写,可以节约代码

    标签名 {
        font :font-style font-weight font-size/line-height font-family;
    }

    使用复合属性的时候,将各个属性的属性值按照上面的顺序输入,可以达到和分开写一样的效果

    • 各个属性的属性值顺序不能颠倒,之间用空格隔开
    • 不需要设置的属性可以省略,但是必须保留font-size和font-family这两个属性,否则font属性不起作用

    文字属性总结

    二.CSS文本属性

    CSS text(文本)属性可以定义文本的外观,比如文本的颜色,对齐文本,装饰文本,文本缩进 ,行间距

    1.文本颜色:color属性用于定义文本的颜色

    标签名 {
        color:颜色;
    }

    颜色的三种表示:预定义颜色值(英文), 十六进制, RGB代码,开发中最常用的是十六进制

    2.对齐文本:text-align属性用于设置元素内文本内容的水平对齐方式

    标签名 {
        text-align:属性值;
    }

    3.装饰文本:text-decoration属性规定添加到文本的修饰,可以给文本添加下划线,删除线,上划线

    标签名 {
        text-decoration: 属性值;
    } 

    一般标签<a>所引用的链接都有下划线,想要取消下划线就可以在样式表中将标签名a的 text-decoration属性值改为none,就可以取消下划线。如果想给一段文字加上下划线,就可以在样式表中将他的text-decoration的属性值改为underline。

    4.文本缩进:text-indent属性用来指定文本的第一行缩进,通常是将段落的首行缩进

    标签名 {
        text-indent: 10px;
    }

    属性值代表文本的第一行首行缩进多少距离,该长度可以为负值

    em是一个相对单位,就是当前元素(font-size)1个文字的大小,如果当前元素没有设置大小,则会按照父元素的一个文字大小

    5.行间距:line-height属性用于设置行间的距离(行高),可以控制文字行与行之间的距离

    标签名 {
        line-height:26px;
    }

    文本属性总结

     

    展开全文
  • XML应用开发(软件品牌)-1期 4.11 课堂实践-使用CSS布局属性显示XML文档-环绕文本和插入图片.doc 学习资料 复习资料 教学资源
  • XML应用开发(软件品牌)-1期 4.11 案例分析-使用CSS布局属性显示XML文档-环绕文本和插入图片.doc 学习资料 复习资料 教学资源
  • Snaptext,Windows下的超大文本浏览器/查看器,绿色免费国产,秒开几百兆,几个G或更大的超大文本文件。 具体功能有: 1、打开不限制大小的文本文件,可以在打开同时进行浏览操作 2、将文件另存,或改变编码另存 3、...
  • 文本外观属性

    千次阅读 2018-05-02 21:55:35
    color属性用于定义文本的颜色,其取值方式有如下3种。 预定义的颜色值,如red,green,blue等。 十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。 RGB代码,如红色可以...

    1.color:文本颜色

    color属性用于定义文本的颜色,其取值方式有如下3种。

    • 预定义的颜色值,如red,green,blue等。
    • 十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。
    • RGB代码,如红色可以表示为reb(255,0,0)或(100%,0%,0%)。

    注意:如果使用RGB代码的百分比颜色值,取值为0时也不能省略百分号,必须写为0%。

    2.letter-spacing:字间距

        letter-spacing属性用于定义字间距,所谓字间距就是字符与字符之间的空白。其属性值可为不同单位的数值,允许使用负值,默认为normal。

    3.word-spacing:单词间距

        word-spacing属性用于定义英文单词之间的间距,对中文字符无效。和letter-spacing一样,其属性值可为不同单位的数值,允许使用负值,默认为normal。

        word-spacing和letter-spacing均可对英文进行设置。不同的是letter-spacing定义的为字母之间的间距,而word-spacing定义的为英文单词之间的间距。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>word-spacing和letter-spacing</title>
    <style type="text/css">
    .letter{letter-spacing:20px;}
    .word{word-spacing:20px;}
    </style>
    </head>
    <body>
    <p class="letter">letter spacing(字母间距)</p>
    <p class="word">word spacing word spacing(单词间距)</p>
    </body>
    </html>
    

    4.line-height:行间距

    line-height属性用于设置行间距,所谓行间距就是行与行之间的距离,即字符的垂直间距,一般称为行高。

    line-height常用的属性值单位有3种,分别为像素px,相对值em和百分比%,实际工作中使用最多的是像素px。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>行高line-height的使用</title>
    <style type="text/css">
    .one{
    	font-size:16px;
    	line-height:18px;
    }
    .two{
    	font-size:12px;
    	line-height:2em;
    }
    .three{
    	font-size:14px;
    	line-height:150%;
    }
    </style>
    </head>
    <body>
    <p class="one">段落1:使用像素px设置line-height。该段落字体大小为16px,line-height属性值为18px。</p>
    <p class="two">段落2:使用相对值em设置line-height。该段落字体大小为12px,line-height属性值为2em。</p>
    <p class="three">段落3:使用百分比%设置line-height。该段落字体大小为14px,line-height属性值为150%。</p>
    </body>

    5.text-transform:文本转换

    text-transform属性用于控制英文字符的大小写,其可用属性值如下:

    • none:不转换(默认值)。
    • capitalize:首字母大写。
    • uppercase:全部字符转换为大写。
    • lowercase:全部字符转换为小写。

    6.text-decoration:文本装饰

    text-decoration属性用于设置文本的下划线、上划线、删除线、等装饰效果,其可用属性值如下。

    • none:没有装饰(正常文本默认值)。
    • underline:下划线。
    • overline:上划线。
    • line-through:删除线。

        text-decoration后可以赋多个值,用于给文本添加多种显示效果。例如希望文字同时有下划线和删除线效果,就可以将underline和line-through同时赋给text-decoration。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>文本装饰text-decoration</title>
    <style type="text/css">
    .one{text-decoration:underline;}
    .two{text-decoration:overline;}
    .three{text-decoration:line-through;}
    .four{text-decoration:underline line-through;}
    </style>
    </head>
    <body>
    <p class="one">设置下划线(underline)</p>
    <p class="two">设置上划线(overline)</p>
    <p class="three">设置删除线(line-through)</p>
    <p class="four">同时设置下划线和删除线(underline line-through)</p>
    </body>
    </html>
    

    7.text-align:水平对齐方式

    text-align属性用于设置文本内容的水平方式,相对于html中的align对齐属性,其可用属性值如下。

    • left:左对齐(默认值)。
    • right:右对齐。
    • center:居中对齐。

    注意:

    1.text-align属性仅适用与块级元素,对行内元素无效,关于块元素和行内元素。

    2.如果需要对图像设置水平对齐,可以为图像添加一个父标记如<p>或<div>。然后对父标记应用text-align属性,即可实现图像的水平对齐。

    8.text-indent:首行缩进

        text-indent属性用于设置首行文本的缩进,其属性值可为不同单位的数值、em字符宽度的倍数,或相对于浏览器窗口宽度的百分比%,允许使用负值,建议使用em作为设置单位。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>首行缩进text-indent</title>
    <style type="text/css">
    p{font-size:14ox;}
    .one{text-indent:2em;}
    .two{text-indent:50px;}
    </style>
    </head>
    <body>
    <p class="one">这是段落1中的文本,text-indent属性可以对段落文本设置首行缩进效果,段落1使用text-indent:2em;。</p>
    <p class="two">这是段落2中的文本,text-indent属性可以对段落文本设置首行缩进效果,段落1使用text-indent:50px;。</p>
    </body>
    </html>
    

    注意:text-indent属性仅适用于块级元素,对行内元素无效。

    9.white-space:空白符处理

        使用HTML制作网页时,不论源代码中有多少空格,在浏览器中只会显示一个字符的空白。在CSS中,使用white-space属性可设置空白符的处理方式,其属性值如下。

     

    • normal:常规(默认值),文本中的空格、空行无效,满行(到达区域边界)后自动换行。
    • pre:预格式化,按文档的书写格式保留空格、空行原样显示。
    • nowrap:空格空行无效,强制文本不能换行,除非遇到换行标记<br />。内容超出元素的边界也不换行,若超出浏览器页面则会自动增加滚动条。
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>white-space空白符处理</title>
    <style type="text/css">
    .one{white-space:normal;}
    .two{white-space:pre;}
    .three{white-space:nowrap;}
    </style>
    </head>
    <body>
    <p class="one">这个			段落中			有很多空格。此段落应用white-space:normal;。</p>
    <p class="two">这个			段落中			有很多空格。此段落应用white-space:pre;。</p>
    <p class="three">此段落应用white-space:nowrap;。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。这是一个较长的段落。</p>
    </body>
    </html>
    

    10.text-shadow:阴影效果

    选择器{text-shadow:h-shadow v-shadow blur color;}

    h-shadow用于设置水平阴影的距离,v-shadow用于设置垂直阴影的距离,blur用于设置模糊半径,color用于设置阴影颜色。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>text-shadow属性</title>
    <style type="text/css">
    p{
    	font-size:50px;
    	text-shadow:10px 10px 10px red;
    }
    </style>
    </head>
    <body>
    <p>Hello CSS3</p>
    </body>
    </html>
    

    注意:阴影的水平或垂直距离参数可以设为负值,但阴影的模糊半径参数只能设置为正值,并且数值越大阴影向外模糊的范围也就越大。

    11.text-overflow:标示对象内溢出文本

    选择器{text-overflow:属性值;}

    text-overflow属性的常用取值有两个:

     

    • clip:修剪溢出文本,不显示省略标记“...”。
    • ellipsis:用省略标记“...”标示被修剪文本,省略标记插入的位置是最后一个字符。
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>text-overflow属性</title>
    <style type="text/css">
    p{
    	width:200px;
    	height:100px;
    	border:1px solid #000;
    	white-space:nowrap;
    	overflow:hidden;
    	text-overflow:ellipsis;
    }
    </style>
    </head>
    <body>
    <p>把很长的一段文本中溢出的内容隐藏,出现省略号。</p>
    </body>
    </html>
    

        当文本内容溢出时,会显示省略标记标示溢出文本。需要注意的是要实现省略号标示溢出文本的效果,”white-space:nowrap;“ ”overflow:hidden;“ ”text-overflow:ellipsis;“这三个样式必须同时使用,缺一不可。

    white-space:nowrap;:样式强制文本不能换行。

    overflow:hidden;:样式隐藏溢出文本。

    text-overflow:ellipsis;:样式显示省略标记。

     

    展开全文
  • 前端基础:CSS文本属性(常用)

    千次阅读 2022-03-20 17:40:38
    CSS Text(文本属性可定义文本的外观,如颜色、对齐方式、装饰、缩进、行间距等 1. 文本颜色 color属性可以定义文本颜色 p { color: red; } 表示 属性值 颜色值 red,green,red等 十六进制 ...
  • html常见文本属性

    2021-03-27 20:29:58
    其中文本的相关属性可以设置text文本的相关样式 属性 作用 color 设置文本的颜色 text-transform 控制文本的大小写 text-justify 规定当text-align设置为“justify”时所使用的方法 direction 规定...
  • QLabel可以说是Qt中最常见的控件之一,主要用来显示文本文字、显示图片、显示gif动图、显示富文本信息。本文将从以下几个方面对QLabel进行介绍: [1]显示及获取文本文字 [2]显示图片 [3]显示动图 [4]显示富文本...
  • MFC显示文本文档

    千次阅读 2014-12-30 10:03:12
    新建基于对话框的MFC应用程序。资源视图的对话框上添加编辑框...目的将文本文档在编辑框中显示。图示如下: 添加“开始”按钮的响应函数: void CTest20Dlg::OnBnClickedButton1()//“打开”按钮响应函数 { //
  • 1. 找到新建文本文档快捷方式存放的位置 2. 选中右键→属性 3. 快捷方式→更改图标 如果没有用使用方法二 方法二: 1. 开始菜单右键→应用和功能→默认应用→重置 2. 运行→regedit,打开注册表 找到HKEY_CLASSES_...
  • word文档属性自定义We recently showed you how to set the user information in Word. Word also stores several additional advanced properties related to your documents. Some of these are displayed on the ...
  • 《Python 数据分析三剑客之 Matplotlib(二):文本描述 / 中文支持 / 画布 / 网格等基本图像属性》 《Python 数据分析三剑客之 Matplotlib(三):图例 / LaTeX / 刻度 / 子图等基本图像属性》 文章目录【1×00】...
  • 是一套支持Delphi/C++Builder的控件,有和Word相似的功能,主要用于编辑、显示和打印超文本文档。该控件支持各种各样不同的属性(字体、下标和上标,自定义下拉列表,文本背景颜色)。文档中可以包含表格、图片、在...
  • 图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。
  • css文本对齐使用哪个属性

    千次阅读 2021-06-18 06:28:46
    CSS文本属性中,文本对齐属性的取值有( )A. autotext-align: 属性有 B C D Ecss中怎么让div里面的文字底部对齐两种办法,第一种可以作为默认选择。两种办法都可以让文字底部对齐。可以用“text-align:right;”让文字...
  • 前言##本文使用的是10.2.8的...##方法一:##第一种就是利用Symbol类中的TextSymbol来显示,使用的是.shp文件。TextSymbol textSymbol = new TextSymbol(textSize, labelTag,Color.parseColor(textColor));textSymbo...
  • VB.net小技巧——读取文本文件显示到文本框中 第一步,在工具箱添加OpenFileDialog控件 第二步 openfiledialog 属性 filter设置为: 文本文件(*.txt)|*.txt|配置文件(*.ini*)|*.ini*|所有文件(*.*)|*.* 第三步 ...
  • Win10系统中Word文档图标显示文本图标,即DOC、DOCX文件的类型显示为doc文档、docx文档,非Microsoft Word 文档

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 581,772
精华内容 232,708
热门标签
关键字:

怎样显示文本文档的属性