项目开发时前端及数据库遇到的问题
目錄
- 解決Navicat導(dǎo)入Excel文件表時(shí)無(wú)法打開(kāi)
- 頁(yè)面縮放不影響布局方法，類似百度那樣
- html td標(biāo)簽 單行數(shù)據(jù)，限制字符長(zhǎng)度,剩下字符以....顯示
- 多行文本溢出省略號(hào)解決方案
- 讓ul li前面的點(diǎn)顯示出來(lái),并讓li并列顯示
- li標(biāo)簽中含有a標(biāo)簽下li:hover無(wú)效
- c:foreach 迭代一行顯示2條數(shù)據(jù)
- p標(biāo)簽兩端文案對(duì)齊及首行縮進(jìn)
- 修改hr標(biāo)簽的顏色
- html中將底部的代碼固定
- div設(shè)置滾動(dòng)條
解決Navicat導(dǎo)入Excel文件表時(shí)無(wú)法打開(kāi)
打開(kāi)需要導(dǎo)入的excle表格再用相關(guān)數(shù)據(jù)庫(kù)可視化軟件進(jìn)行導(dǎo)入， 看了網(wǎng)上其他說(shuō)要下載別的工具的，個(gè)人感覺(jué)這種方法就挺好的。
頁(yè)面縮放不影響布局方法，類似百度那樣
頁(yè)面成比例縮放時(shí)，布局不會(huì)方式混亂
在布局時(shí)在最外面再套一層div，然后給這個(gè)div賦一個(gè)固定的長(zhǎng)寬。
css代碼
#main{ width:1366px; height:457px; MARGIN-RIGHT: auto; MARGIN-LEFT: auto;html td標(biāo)簽 單行數(shù)據(jù)，限制字符長(zhǎng)度,剩下字符以…顯示
設(shè)置最大的寬度，多余的隱藏，多余的會(huì)以“…”
<td align="center" style="max-width: 100px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap"> 啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 </td>多行文本溢出省略號(hào)解決方案
當(dāng)你的文本有多行內(nèi)容時(shí)，你只想顯示自己設(shè)定的行數(shù)，剩下的以…顯示
讓ul li前面的點(diǎn)顯示出來(lái),并讓li并列顯示
在div里面動(dòng)態(tài)寫了一個(gè)ul標(biāo)簽，但是不出來(lái)前面那個(gè)點(diǎn)，現(xiàn)在也不知道咋回事，
然后就用個(gè)css讓他顯示出來(lái)
list-style-type:disc;
并列顯示：ul li {float：left}
li標(biāo)簽中含有a標(biāo)簽下li:hover無(wú)效
鼠標(biāo)hover到li標(biāo)簽上，整個(gè)li里面的文字顏色變紅色。
<ul> <li><a href="#">111111</a></li> <li><a href="#">222222</a></li> <li><a href="#">333333</a></li></ul>使用ul li:hover{color:red;} 但是并沒(méi)有效果。
原因在于a:hover 的權(quán)重大于li:hover,并且a標(biāo)簽是行內(nèi)元素，因此得先把a(bǔ)標(biāo)簽設(shè)置成block，也就是下面這樣定義樣式：
ul li a{display: block;}
ul li a:hover{color: #FF0000;}
c:foreach 迭代一行顯示2條數(shù)據(jù)
<table><tr> <c:forEach items="${booklist.datas}" var="booklist" varStatus="status"><c:if test="${status.count%2!=0}"><td style="line-height: 40px;font-size: 20;width: 350px;" ><a href="">${booklist.bookname} </a></td></c:if> <c:if test="${status.count%2==0}"><td><a href="">${booklist.bookname} </a></td><tr></tr></c:if> </c:forEach></tr></table>p標(biāo)簽兩端文案對(duì)齊及首行縮進(jìn)
兩端對(duì)齊
text-align:justify;首行縮進(jìn)
text-indent: 2em;修改hr標(biāo)簽的顏色
直接使用不起作用
<hr style=" color:red;"/>上網(wǎng)查了一下
1）不要再使用color這個(gè)屬性了，而是使用background-color屬性。2）因?yàn)閔r標(biāo)簽是塊級(jí)標(biāo)簽，所以它是有邊框的，我們需要設(shè)置它自身的邊框?yàn)?。3）然后定義自己的hr的高度和顏色。即：<hr style="background: #3694f9;height: 1px;border: none;">html中將底部的代碼固定
運(yùn)用這個(gè)CSS把DIV永遠(yuǎn)置于頁(yè)面的底部 利用絕對(duì)定位，然后設(shè)置底部距離為0
<style> .footer{ left:0px; position:fixed;(絕對(duì)定位) width:100%; height:30px; background-color:#000; color:#FFF; text-align:center; font-size:18px; font-weight:bold; bottom:0px;(底部距離)}</style>; <div class="footer">div設(shè)置滾動(dòng)條
<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> </div>寬度(width)和高度(height)可以根據(jù)實(shí)際需要來(lái)設(shè)定。
以上實(shí)例表示如果 div 內(nèi)容的高度大于 300px 就會(huì)出現(xiàn)垂直滾動(dòng)條，小于 300px 就沒(méi)有滾動(dòng)條。如果寬度大于 70px 會(huì)出現(xiàn)水平滾動(dòng)條，小于就沒(méi)有。
只設(shè)置垂直滾動(dòng)條：
<div style="height:300px;overflow-y:auto"></div>總結(jié)
以上是生活随笔為你收集整理的项目开发时前端及数据库遇到的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 纯css实现网页侧边栏弹窗滑进滑出
- 下一篇： activex for chrome扩展