前端的一些小问题（记录/转载）

 

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的大小

1. 将div 设置为固定大小
2. 将图片的宽高设置为 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;">