日度归档:2020年2月13日

CSS 如何使li元素中的文本垂直居中呢?


摘要:
下文通过举例的方式讲述css中使li元素中的文本垂直居中的方法分享,如下所示:

在日常开发中,经常需要设置文本垂直居中,下文讲述li中文本垂直居中的方法,如下:

实现思路:
设置li元素的行高和height的高度相同,就可以使li中的元素保持垂直居中的模式

  
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)-使li中文本信息垂直居中的方法</title>
<style type="text/css">
ul li{
  width:300px;
  background-color:red;
  color:white;
  line-height:60px;
  height:60px;
  list-style:none;
}
</style>
</head>
<body>
<ul>
  <li>猫猫教程之li中文本垂直居中的方法分享</li>
</ul>
</body>
</html>
css li元素中文本垂直居中

css li元素中文本垂直居中

http 都有哪些状态码呢?


摘要:
下文讲述浏览器访问网页时,一些状态码信息,如下所示:


状态码总览:
http状态码:200代表服务器返回成功
3**重定向相关
4**通常指前端或网页引擎异常,例:找不到网页,服务器拒绝访问
5**通常指服务器端脚本异常

状态码

详细说明
200

成功,一般用于get patch post方法成功返回状态码
204

成功,用于delete方法成功返回状态码,表示资源删除成功
301

重定向
304

(未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容
400

(错误请求) 服务器不理解请求的语法
403

(禁止) 服务器拒绝请求
404

(未找到) 服务器找不到请求的网页
500

(服务器内部错误) 服务器遇到错误,无法完成请求
501

(尚未实施) 服务器不具备完成请求的功能。 例如,服务器无法识别请求方法时可能会返回此代码。
502

(错误网关) 服务器作为网关或代理,从上游服务器收到无效响应。
503

(服务不可用) 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态。
504

(网关超时) 服务器作为网关或代理,但是没有及时从上游服务器收到请求,网络不稳定
505

(HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

css 隐藏元素的方法大全


摘要:
下文讲述css隐藏元素的六种方法分享,如下所示:

例:
下文是“猫猫教程”总结的六种隐藏元素的方法,如下所示:

    //隐藏元素的六种css代码
	------------------------------------------------
    display: none; 隐藏不占用页面空间
    visibility: hidden; 不显示,但是占用html空间
    opacity: 0; 设置其透明度为0,视觉上隐藏占位,占用空间
    position: relative; margin-top: -10000px; 定位偏离当前文档流
    transform: scale(0) 设置元素缩放比例为0,使元素缩放到根本看不见的地步
    width:0; height:0; overflow:hidden; 设置其宽度和高度使其看不见