600字范文 > 项目开发时前端及数据库遇到的问题

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

时间：2020-04-21 18:43:12

相关推荐

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

解决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}     </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">