table 与 div 固定宽高问题
转载自这位童鞋的博客 https://www.cnblogs.com/yipeng-yu/p/3227691.html
div {
width:100px;
height:200px;
word-wrap: break-word;
overflow:hidden;
}
这个可以固定div的宽高,溢出内容会被剪除。
table{
table-layout:fixed;
width:200px;
height:200px;
}
td {
width:100px;
height:200px;
overflow:hidden;
}
这个只能固定td的宽度,而高度随内容增加而增高;若也要固定其高度,则需要在td中嵌套使用div,包住content,利用div的css。
如果 去除 table-layout:fixed; 情况则会反过来。
图片适应div的大小
- 将div 设置为固定大小
- 将图片的宽高设置为 100%
CSS常用中文字体、字号
字体(font-family):
新细明体:PMingLiU 细明体:MingLiU 标楷体:DFKai-SB 黑体:SimHei
宋体:SimSun 新宋体:NSimSun 仿宋:FangSong
楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312
微软正黑体:Microsoft JhengHei 微软雅黑体:Microsoft YaHei
Office字体:
隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti
华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong
方正舒体:FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo
华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei
字号(font-size):
初号 44pt、小初 36pt、一号 26pt、小一 24pt、二号 22pt、
小二 18pt、三号 16pt、小三 15pt、四号 14pt、小四 12pt、
五号 10.5pt、小五 9pt、六号 7.5pt、小六 6.5pt、七号 5.5pt、八号 5pt。
表格嵌套 ,边框变粗
在外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细
1、外表格样式
<table border="1px" style="border-collapse: collapse;”>
2、内表格样式
<table border="1px" style="border-collapse: collapse; border-style:hidden;">