前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML表格不变形的方法;颜色代号

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

作者头像
98k
发布2018-04-12 11:58:05
3.1K0
发布2018-04-12 11:58:05
举报
文章被收录于专栏:Django ScrapyDjango Scrapy

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

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

代码语言:javascript
复制
<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;

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.01.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在<table>< td ><tr>标签加style
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档