前端经验累积.docx
- 文档编号:6233716
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:10
- 大小:261.23KB
前端经验累积.docx
《前端经验累积.docx》由会员分享,可在线阅读,更多相关《前端经验累积.docx(10页珍藏版)》请在冰豆网上搜索。
前端经验累积
1、$('#checkbox').attr('checked');返回的是checked或者是undefined解决办法
主要和jquery的版本有关系
2、长英文自动换行的最终解决方法:
在table标签中加入style="WORD-WRAP:
break-word;TABLE-LAYOUT:
fixed;word-break:
break-all"
总结如下:
word-wrap是控制换行的。
使用break-word时,是将强制换行。
中文没有任何问题,英文语句也没问题。
但是对于长串的英文,就不起作用。
break-word是控制是否断词的。
normal是默认情况,英文单词不被拆开。
break-all,是断开单词。
在单词到边界时,下个字母自动到下一行。
主要解决了长串英文的问题。
keep-all,是指Chinese,Japanese,andKorean不断词。
即只用此时,不用word-wrap,中文就不会换行了。
(英文语句正常。
)
3、批命令延时启动
ping-n20127.0.0.1>nul
startC:
\Users\Administrator\Desktop\chrome
4、表格内容显示一行多余文字省略方法:
本方法用于解决表格单元格内容过多时的美观问题,主要涉及到4句CSS样式:
1. table-layout:
fixed 由于table-layout的默认值是auto,即table的宽高将取决于其内容的多寡,如果内容的体积无法估测,那么最终表格的呈现形式也无法保证了,fixed一下就好了。
(注意:
此样式是关键)
2. white-space:
nowrap 是为了保证无论单元格(TD)中文本内容有多少,都不会自动换行,此时多余的内容会在水平方向撑破单元格。
3. overflow:
hidden 隐藏超出单元格的部分。
4. text-overflow:
ellipsis 将被隐藏的那部分用省略号代替。
例子:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> //www.w3.org/1999/xhtml">
table
{
table-layout:
fixed;
width:
100%;
}
td
{
white-space:
nowrap;
overflow:
hidden;
text-overflow:
ellipsis;
background-color:
#ccc;
}
第一列 | 第二列 |
---|---|
超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容 | 超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容 |