如何使用css让td中的文字自动换行
百事牛
2024-10-22 广告
2024-10-22 广告
百事牛是共享提供商,我们提供可靠有效的服务,适当合理的授权费有利于的继续更新优化。同样的事情,同样的方法,百事牛团队十年磨一剑,始终至聚焦在密码恢复领域,深耕于此,我们已研制出有别于其他公司的算法和运算模式, 百事牛的暴力模式加入了分布式点...
点击进入详情页
本回答由百事牛提供
展开全部
一、首先打开代码编辑器(dreamweaner),然后创建一个新的代码标签页,如下图:
二、然后在<head></head>处创建一个CSS样式,如下图:
三、然后就是创建div框架了和table表格创建,如下图:
四、创建好后,就要设置CSS样式了(在第二步创建CSS样式里面设置)。下图中第二个箭头所指的就是div框架,第一个箭头所指的就是对这个div框架添加样式或属性,分别是:长、高、网页居中、背景颜色
五、接下来就是添加表格和相应的样式及属性了,如下图(添加了三行三列的表格):
六、然后就是给表格添加CSS样式,如下图箭头所指的地方:
七、这样就能够让td里面的文字自动换行了,给td添加这个属性:word-wrap:break-word;word-break:break-all; 就是让td里面的文字换行,但前提是需要给这个td添加一个宽度才会有效果的
八、写完上述代码后就是下图中寨网页上展现的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
①可以给td中添加width属性,如:<td width="30"></td>
②可以给td添加css样式控制宽度,如:<td style="width: 30px"></td>
这样文字会自动换行。
②可以给td添加css样式控制宽度,如:<td style="width: 30px"></td>
这样文字会自动换行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
(1)如果你要让他自动换行,那你至少要给它定一个宽度width,不然它没宽度限制是不可能自动换行的
(2)如果你定义了宽度width,仍然不能进行换行,则可以使用这个属性,你可以在css添加这么一行代码
td{
word-wrap:break-word; //这个是对太长的单词进行换行
word-break:hyphenate; // 这个是文字在恰当的断字点进行换行
}
(3)注:要使用(2)里面的代码,一定要在td里面定义宽度才行
(2)如果你定义了宽度width,仍然不能进行换行,则可以使用这个属性,你可以在css添加这么一行代码
td{
word-wrap:break-word; //这个是对太长的单词进行换行
word-break:hyphenate; // 这个是文字在恰当的断字点进行换行
}
(3)注:要使用(2)里面的代码,一定要在td里面定义宽度才行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-08-22
展开全部
word-wrap: break-word;
word-break: break-all;望采纳
word-break: break-all;望采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |