CSS3 text-wrap 属性 | CSS3教程:CSS3 文本效果

返回到:CSS3 文本效果 | CSS3教程

属性定义及使用说明

text-wrap属性指定文本换行规则。

默认值:normal
继承:yes
版本:CSS3
JavaScript 语法:object.style.textWrap=”none”

语法

text-wrap: normal|none|unrestricted|suppress;
描述
normal只在允许的换行点进行换行。
none不换行。元素无法容纳的文本会溢出。
unrestricted在任意两个字符间换行。
suppress压缩元素中的换行。浏览器只在行中没有其他有效换行点时进行换行。

浏览器支持

任何主流浏览器都不支持text-wrap属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程网(web176.com)</title>
<style> 
p.test1
{
	width:11em; 
	border:1px solid #000000;
	text-wrap:none;
}

p.test2
{
	width:11em; 
	border:1px solid #000000;
	text-wrap:normal;
}
</style>
</head>
<body>

<p class="test1">这段包含一些文本。这一行的文字不会换行到下一行。</p>
<p class="test2"> 这段包含一些文本。这一行的文字正常换行。.</p>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/css3textpro/5145.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年1月17日 下午3:54
下一篇 2022年1月17日 下午4:11

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注