上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省舞钢外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发

CSS 文字溢出

CSS text-overflow 属性规定应如何向用户呈现未显示的溢出内容。

可以被裁剪：

这是一些无法容纳在框中的长文本。这是一些无法容纳在框中的长文本

也可以将其呈现为省略号（...）：

这是一些无法容纳在框中的长文本。这是一些无法容纳在框中的长文本

CSS 代码如下：

实例

p.test1 {

  white-space: nowrap; 

  width: 200px; 

  border: 1px solid #000000;

  overflow: hidden;

  text-overflow: clip; 

}

p.test2 {

  white-space: nowrap; 

  width: 200px; 

  border: 1px solid #000000;

  overflow: hidden;

  text-overflow: ellipsis; 

}

亲自试一试

下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容：

实例

div.test:hover {

  overflow: visible;

}

亲自试一试

CSS 字换行（Word Wrapping）

CSS word-wrap 属性使长文字能够被折断并换到下一行。

如果一个单词太长而无法容纳在一个区域内，它会向外扩展：

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

通过 word-wrap 属性，您可以强制对文本进行换行 - 即使这意味着在词中间将其拆分：

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

CSS 代码如下：

实例

允许长单词被打断并换行到下一行：

p {

  word-wrap: break-word;

}

亲自试一试

CSS 换行规则

CSS word-break 属性指定换行规则。

本段包含一些文本。此行将连字符打断：

This paragraph contains some text. This line will-break-at-hyphens.

本段包含一些文本。这些行将在任何字符处中断：

This paragraph contains some text. The lines will break at any character.

CSS 代码如下：

实例

p.test1 {

  word-break: keep-all;

}

p.test2 {

  word-break: break-all;

}

亲自试一试

CSS 书写模式

CSS writing-mode 属性规定文本行是水平放置还是垂直放置。

Some text with a span element with a vertical-rl writing-mode.

下面的例子展示了一些不同的书写模式：

实例

p.test1 {

  writing-mode: horizontal-tb; 

}

span.test2 {

  writing-mode: vertical-rl; 

}

p.test2 {

  writing-mode: vertical-rl; 

}

亲自试一试

CSS 文本效果属性

下表列出了 CSS 文本效果属性：

属性 描述

text-align-last 指定如何对齐文本的最后一行。

text-justify 指定对齐的文本应如何对齐和间隔。

text-overflow 指定应如何向用户呈现未显示的溢出内容。

word-break 指定非 CJK 脚本的换行规则。

word-wrap 允许长单词被打断并换到下一行。

writing-mode 指定文本行是水平放置还是垂直放置。

河南省舞钢外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）