css中文本指什么,CSS中的文本属性-CSDN博客

本文总结一下CSS中关于文字的相关属性，最后给出实例。

CSS基础文字属性

文字的基础属性主要包括：字体、颜色和文本。除去颜色color的属性外，字体和文本的相关属性可以权威参考：

CSS 文本属性(Text)

CSS 字体属性(Font)

CSS3新增属性

文本溢出：text-overflow

这个属性一般需要配合overflow:hidden和white-spance:nowrap(强制文本容器不换行)使用。

文本换行：word-wrap word-break

这里有两个设置有点类似，都是对长单词或网址、数字之类的字符串在到达右边界时进行断行。区别是：word-wrap:break-word会首先尝试将长字符串移入下一行，如果仍然显示不下，就切断分割；而word-break:break-all则会直接进行切割。

代码示例

另外，属性white-space也对文本换行有影响，当其为nowrap时会强制不换行。

实际应用

利用文本溢出的text-overflow属性，可以对列表的文本展示进行设置，

即充分利用空间又保证样式美观，详见代码示例

文本设置tips

单元格td自动换行：

table {

table-layout:fixed; //列宽由表格宽度和列宽度设定。

width:**px;

}

table td{

overflow:hidden;

word-wrap:break-word;

}

文本的垂直居中vertical-align:

这个问题也许大家经常碰到，我就不详说具体解决方案了，可以参考这两篇文章我对CSS vertical-align的一些理解与认识和未知高度多行文本垂直居中。只说一下要点，vertical-align设置时一定要有参照点，而且vertical-align只在inline-block的容器内有效，块级元素容器设置vertical-align是不起作用的。

css中一些文本属性的用法

代码 /* text-transform用法 */ .p1 { /* 默认值 */ text-transform: none; } .p2 { /* 每个单词的首字母大写 */ text-transf ...

CSS中使用文本阴影与元素阴影

文本阴影介绍在CSS中使用text-shadow属性设置文本阴影,该属性一共有4个属性值如:水平阴影.垂直阴影.(清晰度或模糊距离).阴影颜色. text-shadow属性值说明,在文本阴影实践中: ...

CSS 中关于background 属性功能

background 是 css中的核心属性,我们对他应该充分了解. background-image 定义背景图像这个属性是我们用的最多的属性设置背景图像有两个方式 background: ...

Css中的Position属性

Css中的Position属性 Css属性在线查询地址: http://www.css88.com/book/css/properties/index.htm CSS 中的 position 属性在 ...

css中background背景属性概

css中background背景属性概 background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/background:url(背景图片路径) no-repeat ...

CSS中的display属性

CSS中的display属性 display:block是可以把非块级元素强制转换为块级元素显示,如内嵌元素span,原来不支持设置宽高,宽度是由内容撑开的,几个span元素是在同一行内的,如果给sp ...

举例详解CSS中的cursor属性

这篇文章主要举例介绍了CSS中的cursor属性,包括zoom-in/zoom-out和grab/grabbing等常用属性值的使用,需要的朋友可以参考下一.开篇之言 CSS3的领域范围已经渗透到了 ...

深入理解css中的margin属性

深入理解css中的margin属性之前我一直认为margin属性是一个非常简单的属性,但是最近做项目时遇到了一些问题,才发现margin属性还是有一些“坑”的,下面我会介绍margin的基本知识以及 ...

理解与应用css中的display属性

理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有: none block inline inline-block inherit 下面, ...

随机推荐

VB将JSON映射到表格实现解析

现在抓取网页数据的时候,经常会遇到JSON的数据,相对于繁杂无标签名的HTML源,用JSON传回的数据比较直观好看点.但是从其中提炼数据也让人觉得很烦躁,基本上就是不断的查找,截取,或者组装成JS代码 ...

[HTTP那些事]网络请求API

在Android上,原生API有两个,HttpUrlConnection和HttpClient,它们对封装Socket进行封装,让HTTP请求变得简单.这应该也算框架吧? 想象下,如果没有HttpUr ...

Part 53 to 55 Talking about Reflection in C&num;

Part 53 Reflection in C# Part 54 Reflection Example here is the code private void btnDiscover_Click( ...

【解决】HDFS HA无法自动切换问题

[解决]HDFS HA无法自动切换问题原因: 最早设置为root互相登录,可是zkfc服务是hdfs账号运行的,没有权限访问到root的id_rsa文件.更改为hdfs账号免密钥登录恢复正常. ...

PHP四种基本排序算法

PHP的四种基本排序算法为:冒泡排序.插入排序.选择排序和快速排序. 下面是我整理出来的算法代码: 1. 冒泡排序: 思路:对数组进行多轮冒泡,每一轮对数组中的元素两两比较,调整位置,冒出一个最大的数 ...

用Django做一个团队介绍

所用工具 Pycharm 社区版 Django 2.x Python 3.6.4 总目录 settings中的设置总的路由设置 templates中的index.html文件

UE4 打包C++项目到win32平台报错 could not find mspdbcore&period;dll

解决方法: 将Visual Studio中相应系统(如32位对应x86.64位对应x64)下的 ms.*.dll 等一系列文件拷贝到 C:\Windows\System32\ 路径下.踩坑:不能只拷贝 ...

Win10 将slim加入PYTHONPYTH

1.LINUX 命令 export PYTHONPATH=$PYTHONPATH:'pwd':'pwd'/slim 2.Windows 命令 SET PYTHONPATH=%cd%;%cd%\slim ...

tf一些函数

1. tf.reduce_mean(a) : 求平均值 2. tf.truncated_normal([3,2],stddev=0.1) : 从正态分布中输出随机值,标准差为0,1,构造矩阵为3*2的 ...

如何烧写BIOS到SD卡里面

针对TINY6410 ADK型号 1.SD卡格式化为FAT32或者FAT格式 2.将SD卡插入USB接口的读卡器,并插在PC的USB口 3.“以管理员身份运行”SD-Flasher.exe(在tiny ...