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

最新推荐文章于 2022-06-21 15:17:11 发布

syxu

最新推荐文章于 2022-06-21 15:17:11 发布

阅读量425

点赞数

分类专栏： debug 文章标签：前端数据库

本文链接：https://blog.csdn.net/sunyanxu6/article/details/107952754

版权

debug 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

解决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>

syxu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
项目开发时前端及数据库遇到的问题

目录解决Navicat导入Excel文件表时无法打开页面缩放不影响布局方法，类似百度那样html td标签单行数据，限制字符长度,剩下字符以....显示多行文本溢出省略号解决方案让前面的点显示出来,并让li并列显示li标签中含有a标签下li:hover无效c:foreach 迭代一行显示2条数据p标签两端文案对齐修改hr标签的颜色html中将底部的代码固定解决Navicat导入Excel文件表时无法打开打开需要导入的excle表格再用相关数据库可视化软件进行导入，看了网上其他说要下载别的工具的，个
复制链接

扫一扫