项目开发时前端及数据库遇到的问题
目錄
- 解決Navicat導入Excel文件表時無法打開
- 頁面縮放不影響布局方法，類似百度那樣
- html td標簽 單行數據，限制字符長度,剩下字符以....顯示
- 多行文本溢出省略號解決方案
- 讓ul li前面的點顯示出來,并讓li并列顯示
- li標簽中含有a標簽下li:hover無效
- c:foreach 迭代一行顯示2條數據
- p標簽兩端文案對齊及首行縮進
- 修改hr標簽的顏色
- html中將底部的代碼固定
- div設置滾動條
解決Navicat導入Excel文件表時無法打開
打開需要導入的excle表格再用相關數據庫可視化軟件進行導入， 看了網上其他說要下載別的工具的，個人感覺這種方法就挺好的。
頁面縮放不影響布局方法，類似百度那樣
頁面成比例縮放時，布局不會方式混亂
在布局時在最外面再套一層div，然后給這個div賦一個固定的長寬。
css代碼
#main{ width:1366px; height:457px; MARGIN-RIGHT: auto; MARGIN-LEFT: auto;html td標簽 單行數據，限制字符長度,剩下字符以…顯示
設置最大的寬度，多余的隱藏，多余的會以“…”
<td align="center" style="max-width: 100px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap"> 啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 </td>多行文本溢出省略號解決方案
當你的文本有多行內容時，你只想顯示自己設定的行數，剩下的以…顯示
讓ul li前面的點顯示出來,并讓li并列顯示
在div里面動態寫了一個ul標簽，但是不出來前面那個點，現在也不知道咋回事，
然后就用個css讓他顯示出來
list-style-type:disc;
并列顯示：ul li {float：left}
li標簽中含有a標簽下li:hover無效
鼠標hover到li標簽上，整個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;} 但是并沒有效果。
原因在于a:hover 的權重大于li:hover,并且a標簽是行內元素，因此得先把a標簽設置成block，也就是下面這樣定義樣式：
ul li a{display: block;}
ul li a:hover{color: #FF0000;}
c:foreach 迭代一行顯示2條數據
<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標簽兩端文案對齊及首行縮進
兩端對齊
text-align:justify;首行縮進
text-indent: 2em;修改hr標簽的顏色
直接使用不起作用
<hr style=" color:red;"/>上網查了一下
1）不要再使用color這個屬性了，而是使用background-color屬性。2）因為hr標簽是塊級標簽，所以它是有邊框的，我們需要設置它自身的邊框為0。3）然后定義自己的hr的高度和顏色。即：<hr style="background: #3694f9;height: 1px;border: none;">html中將底部的代碼固定
運用這個CSS把DIV永遠置于頁面的底部 利用絕對定位，然后設置底部距離為0
<style> .footer{ left:0px; position:fixed;(絕對定位) 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設置滾動條
<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> </div>寬度(width)和高度(height)可以根據實際需要來設定。
以上實例表示如果 div 內容的高度大于 300px 就會出現垂直滾動條，小于 300px 就沒有滾動條。如果寬度大于 70px 會出現水平滾動條，小于就沒有。
只設置垂直滾動條：
<div style="height:300px;overflow-y:auto"></div>總結
以上是生活随笔為你收集整理的项目开发时前端及数据库遇到的问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 纯css实现网页侧边栏弹窗滑进滑出
- 下一篇： 网站底部套用模板