日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

项目开发时前端及数据库遇到的问题

發布時間：2025/3/12 HTML 19 豆豆
生活随笔 收集整理的這篇文章主要介紹了 项目开发时前端及数据库遇到的问题 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

目錄

  • 解決Navicat導入Excel文件表時無法打開
  • 頁面縮放不影響布局方法，類似百度那樣
  • html td標簽 單行數據，限制字符長度,剩下字符以....顯示
  • 多行文本溢出省略號解決方案
  • 讓ul li前面的點顯示出來,并讓li并列顯示
  • li標簽中含有a標簽下li:hover無效
  • c:foreach 迭代一行顯示2條數據
  • p標簽兩端文案對齊及首行縮進
  • 修改hr標簽的顏色
  • html中將底部的代碼固定
  • div設置滾動條

解決Navicat導入Excel文件表時無法打開

打開需要導入的excle表格再用相關數據庫可視化軟件進行導入， 看了網上其他說要下載別的工具的，個人感覺這種方法就挺好的。

頁面縮放不影響布局方法，類似百度那樣

頁面成比例縮放時，布局不會方式混亂
在布局時在最外面再套一層div，然后給這個div賦一個固定的長寬。

<body><div id="main"></div></body>

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>

多行文本溢出省略號解決方案

當你的文本有多行內容時，你只想顯示自己設定的行數，剩下的以…顯示

  • js計算高度
    • <script>$(".research_item_text").each(function (i) {var divH = $(this).height();//外層元素定高度var $a = $("a", $(this)).eq(0);//內層a自適應高度while ($a.outerHeight() > divH) {$a.text($a.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));};}); </script>
  • text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;//行數line-clamp: 4;-webkit-box-orient: vertical;

    讓ul li前面的點顯示出來,并讓li并列顯示

    在div里面動態寫了一個ul標簽，但是不出來前面那個點，現在也不知道咋回事，
    然后就用個css讓他顯示出來
    list-style-type:disc;
    并列顯示：ul li {float：left}

    <style>li{list-style-type:disc;float：left} </style> <div> <ul> <li><a href="#" target=_blank>ul標簽顯示前面的點</a></li> </ul> </div>

    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}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td></c:if> <c:if test="${status.count%2==0}"><td><a href="">${booklist.bookname}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>

    總結

    以上是生活随笔為你收集整理的项目开发时前端及数据库遇到的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。