HTML表格不变形的方法;颜色代号

时间:2022-05-08
本文章向大家介绍HTML表格不变形的方法;颜色代号,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

在<table>< td ><tr>标签加style

相关链接在这里 如何保证table表格不被撑开(固定HTML表格宽度) 我们在网站制作过程中,有时会遇到网站页面变形的问题,出现这种的情况一个原因是浏览器兼容问题,可以通过优化代码来解决。还有一种情况是页面内容将网页框架撑开变形。今天我教给大家如何用 CSS样式表 固定表格框架。 比如我们在一个单元格里显示的字符过多,这时候你会发现在页面中显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读,同时也不美观,伤害了用户体验。这时候我们需要对表格做下特殊处理方能解决这种情况的出现。 首先我们为表格套用样式,即套在<table>标记中

<table style="table-layout:fixed;">

这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖

然后我们再为单元格定位,即套在<td>标记中

<td style="width:100%;word-wrap:break-word;">

这句话的意思就是将单元格的内容自动换行

表格做了如上处理,就再也不用担心内容会爆表了。

介绍几种字体颜色代码: 深红 #ff6600 ; 大红 #ff0000 ; 粉红 #ff66cc ; 淡红 #ff66ff ; 绿色 #ccff00 ; 紫蓝 #ff33ff ; 黄色 #ffff33 ; 金红 #cc0000 ; 天蓝 #66ffff ; 草绿 #66cc00 ; 深蓝 #3333ff ; 橙色 #ff9900 ; 深绿 #339900 ; 白色 #ffffff ; 黑色 #000000 ; 红色#FF0033;