友好时间的处理，刚，几分钟前，几小时前，一周前等显示方式 /** * 友好时间 */ function frienddate($time) { $rtime = date("m-d H:i",$time); $htime = date("H:i",$time); $timetime = time() - $time; if ($timetime < 60) { $str = '刚刚'; } else if ($timetime < 60 * 60) { $min = floor($timetime/60); $str = $min.'分钟前'; } else if ($timetime < 60 * 60 * 24) { $h = floor($timetime/(60*60)); $str = $h.'小时前 '; } else if ($timetime < 60 * 60 * 24 * 3) { $d = floor($timetime/(60*60*24)); if($d==1) $str = '昨天 '.$htime; else $str = '前天 '.$htime; } else { $str = $rtime; } return $str; }

我们可以使用如下命令：netstat -anp | grep 端口号来查看，例如，我的9501端口被占用了， 那么，我可以使用： netstat -anp | grep 9501 来查看 LISTEN说明它是被监听着的，2888是这个进程的进程ID，我们可以通过：kill 进程ID来杀死一个进程 kill 3156 我们执行了kill指令之后，再次执行：netstat -anp | grep 9501就会发现9501这个端口没有被占用了 现在就可以完美的重新启动swoole相关服务了

[最新]如何在thinkphp中使用blade模板？ 相信大家使用blade模板后都会感觉到这个模板的强大和方便之处。 如何在自己的项目中使用blade模板？ 下面我来从零开始告诉大家。【这里不仅仅是只针对thinkphp框架，其他任何框架都是可以的】 1：下载thinkphp6.0框架 https://www.kancloud.cn/manual/thinkphp6_0/1037481 安装教程已经很清楚了，这里不 多做赘述 2：安装blade模板 composer require duncan3dc/blade 切换到项目跟目录之后运行上面的命令 操作如下 3：建立公共方法方便后期调用模板 图： 代码 <?php namespace app\controller; use app\BaseController; use duncan3dc\Laravel\BladeInstance; class Common extends BaseController { public function initialize() { parent::initialize(); } public function view($view,$data = '')//接收视图和值 { $blade = new BladeInstance(__DIR__."/../../view", __DIR__."/../../runtime/cache/views"); echo $blade->make($view,$data)->render(); } } 4：如何使用 在index控制器中使用如下 5：模板中怎么将变量输出 5：补充说明 模板目录和模板缓存目录如下 6：实例项目代码打包下载 下载地址： micuer.com/data/upload/tp_blade_demo.zip 本文首发自micuer.com,转载请注明出处和作者。

[最简单]将搜索页面结果关键字标红的方法 function toRed(content, id) { var bodyHtml = $("#" + id).html(); reger = new RegExp("(>|^)([^<]*)(" + content + ")([^>]*<)","gm"); reslut = bodyHtml.replace(reger, "$1$2<font color='red'>$3</font>$4"); $("#" + id).html(reslut); } toRed('{$keyword}','searchlist') 其中{$keyword}代表我从控制器中传过来的关键字 如“micuer” searchlist 代表当前需要被标红范围的id 如： 使用简单方便

支持对模板文件输出的内容进行字符替换，定义后在渲染模板或者内容输出的时候就会自动根据设置的替换规则自动替换 tp6.0目前引用的模板是最新的5.1的模板，替换和5.1的没有太大区别 如果需要全局替换的话，可以直接在template.php配置文件中添加： 'tpl_replace_string' => [ '/static'=>'/static', '__JS__' => '/static/javascript', ] 替换严格区分大小写 就可以 如果是多板块的话请修改相应地方如下 将index模块的修改，不影响其他板块 如admin板块

Thinkphp官方扩展包介绍及下载地址 Micuer.com首发 名称 介绍 下载地址 think-mongo   MongoDB支持 https://github.com/top-think/think-mongo   think-testing   但远测试 https://github.com/top-think/think-testing   think-migration   数据库迁移工具 https://github.com/top-think/think-migration   think-image   图片处理工具 https://github.com/top-think/think-image   think-swoole   框架swoole支持 https://github.com/top-think/think-swoole   think-queue   thinkphp队列支持 https://github.com/top-think/think-queue   think-sqlite   Sqlite数据库支持 https://github.com/top-think/think-sqlite   top-think/think-sqlsrv   Sqlserver支持 https://github.com/top-think/think-sqlsrv   think-pgsql   Pgsql支持 https://github.com/top-think/think-pgsql   think-oracle   Oracle数据库驱动 https://github.com/top-think/think-oracle   think-socketlog   socketlog driver for thinkphp https://github.com/top-think/think-socketlog   think-captcha   验证码类 https://github.com/top-think/think-captcha     think-orm   Think ORM——the PHP Database&ORM Framework https://github.com/top-think/think-orm   think-cache   缓存支持 https://github.com/top-think/think-cache   think-validate   验证类支持 https://github.com/top-think/think-validate   think-view   Thinkphp模板 https://github.com/top-think/think-view   think-worker   Workerman支持 https://github.com/top-think/think-worker   上述只是收集了一部反的官方扩展包 获取全部扩展包请访问：https://github.com/top-think 本文为micuer.com首发，转载请注明出处

CPU 的跑满或跑高，在确认具体的进程结果后，针对异常的进程，您需要通过 top 命令将其终止；而对于 kswapd0 进程导致的内存不足等问题，您需要对系统进行规格的升级或程序的优化。 您可以直接在 top 运行界面快速终止相应的异常进程。操作步骤如下： kswapd0 进程占用导致 CPU 较高 kswapd0 是虚拟内存管理中负责换页的进程，当服务器内存不足的时候 kswapd0 会执行换页操作，这个换页操作是十分消耗主机 CPU 资源的。操作步骤如下：

假设我们本地都安装好了node的环境及npm 1.先删除node_modules 2.找对项目目录 npm install （cnpm install） 3.查看项目目录是否写对，执行 npm run dev （cnpm run dev）

js二维数组初始化定义 tabs: [ {"name":"月排行","type":"month"}, {"name":"半年榜","type":"half_year"}, {"name":"年度榜","type":"year"} ],

zip -r xxx.zip ./* 解压zip文件到当前目录 unzip filename.zip /usr/local/nginx/sbin/nginx -s reload重启nginx service mysqld restart重启mysql /root/lnmp reload 重启lnmp du -ssh查看当前所在目录的大小 df -h   查看磁盘占用情况 reboot now （reboot  -n）重启 rm -rf *删除当前目录下全部文件 du -h --max-depth=1 ./* 查看当前目录下个文件的大小并排序  rsync --delete-before -d ./empty/  ./notempty/ rsync --delete-before -d  空文件名    目标文件名可以达到删除的作用  zip -r myfile.zip ./* 将当前目录下的所有文件和文件夹全部压缩成myfile.zip文件 .unzip unzip -o -d /home/sunny myfile.zip 把myfile.zip文件解压到 /home/sunny/ -o:不提示的情况下覆盖文件； -d:-d /h  找出占磁盘空间最多的文件夹 du : 计算出单个文件或者文件夹的磁盘空间占用. sort : 对文件行或者标准输出行记录排序后输出. head : 输出文件内容的前面部分. 1    # du -a /var | sort -n -r | head -n 10       如果需要输出可读性高的内容，请使用如下命令： 1    $ cd /path/to/some/where 2    $ du -hsx * | sort -rh | head -10  

小程序解析富文本图片半路劲不显示的解决方案！PHP版 辛辛苦苦吧富文本解析到小程序了，但是好多图片是办路径的，显示不出来怎么办呢？ 这就需要用到世界上最好用的PHP语言了 下面直击上方法 /** * 替换fckedit中的图片 添加域名 * @param string $content 要替换的内容 * @param string $strUrl 内容中图片要加的域名 * @return string * @eg */ function replacePicUrl($content = null, $strUrl = null) { if ($strUrl) { //提取图片路径的src的正则表达式 并把结果存入$matches中 preg_match_all("/<img(.*)src=\"([^\"]+)\"[^>]+>/isU",$content,$matches); $img = ""; if(!empty($matches)) { //注意，上面的正则表达式说明src的值是放在数组的第三个中 $img = $matches[2]; }else { $img = ""; } if (!empty($img)) { $patterns= array(); $replacements = array(); foreach($img as $imgItem){ $final_imgUrl = $strUrl.$imgItem; $replacements[] = $final_imgUrl; $img_new = "/".preg_replace("/\//i","\/",$imgItem)."/"; $patterns[] = $img_new; } //让数组按照key来排序 ksort($patterns); ksort($replacements); //替换内容 $vote_content = preg_replace($patterns, $replacements, $content); return $vote_content; }else { return $content; } } else { return $content; } } 上述是使用的正则替换的方式，当然你有其他方式替换也是可以的 //读取文章详情 public function detail() { $id = Request::instance()->param("id"); $res = \app\common\model\Article::with("user")->where( "id",$id)->find(); $content = replacePicUrl($res->content,"https://admin.trianglefit.top/"); $res->content = $content; if($res){ return json(["code"=>200,"msg"=>"成功","data"=>$res]); }else{ return json(["code"=>201,"msg"=>"暂无文章","data"=>""]); } } 感谢：https://myfreespace.iteye.com/blog/1078303

超详细讲解wxparse在微信小程序中解析富文本的使用教程 之前写小程序的时候一直也没有注意！ 直到今天再次解析富文本的时候才发现，再网上搜教程始终不如自己整理一遍来的直接！ 废话不多少，咱们开始上教程！ github地址：https://github.com/icindy/wxParse 首先下载wxParse的包文件放置到自己小程序的根目录 如下[注意层级关系] 1.在app.wxss全局样式文件中，需要引入wxParse的样式表 @import "/wxParse/wxParse.wxss"; 注意自己的目录关系，引用时候可能略有变动 2.在需要加载html内容的页面对应的js文件里引入wxParse var WxParse = require('../../wxParse/wxParse.js'); 3.通过调用WxParse.wxParse方法来设置html内容 4.在页面中引用模板 <import src="../../wxParse/wxParse.wxml"/> <template is="wxParse" data="{{wxParseData:article.nodes}}"/> 好了，以上就是详细的wxparse使用教程！大家使用的时候一定要看自己文件的路径！避免引用错误 下面是我打包的wxParse文件，需要的也可以从这里下载 微信富文本解析

相信大家很多人都缺这个功能，网上搜寻的本版本缺失很多文件，本地测试基本都不显示效果！ 这里分享给大家一款我整理好的包！(包含了全部最详细的文件) 里面包含了字体文件以及生成海报涉及的一些辅助图片！具体美观程度还需要大家自己下来研究了！ 上述就是我本地生成的初版效果图！大家觉得有用的话就下载下去使用！ 压缩包再文章末尾 PHP代码 <?php /** * 分享图片生成 * @param $gData 商品数据，array * @param $codeName 二维码图片 * @param $fileName string 保存文件名,默认空则直接输入图片 */ function createSharePng($gData,$codeName,$fileName = ''){ //创建画布 $im = imagecreatetruecolor(618, 1000); //填充画布背景色 $color = imagecolorallocate($im, 255, 255, 255); imagefill($im, 0, 0, $color); //字体文件 $font_file = "code_png/msyh.ttf"; $font_file_bold = "code_png/msyhbd.ttf"; //设定字体的颜色 $font_color_1 = ImageColorAllocate ($im, 140, 140, 140); $font_color_2 = ImageColorAllocate ($im, 28, 28, 28); $font_color_3 = ImageColorAllocate ($im, 129, 129, 129); $font_color_red = ImageColorAllocate ($im, 217, 45, 32); $fang_bg_color = ImageColorAllocate ($im, 254, 216, 217); //Logo list($l_w,$l_h) = getimagesize('code_png/logo100_100.png'); $logoImg = @imagecreatefrompng('code_png/logo100_100.png'); imagecopyresized($im, $logoImg, 274, 28, 0, 0, 70, 70, $l_w, $l_h); //温馨提示 imagettftext($im, 14,0, 100, 130, $font_color_1 ,$font_file, '温馨提示：喜欢长按图片识别二维码即可前往购买'); //商品图片 list($g_w,$g_h) = getimagesize($gData['pic']); $goodImg = createImageFromFile($gData['pic']); imagecopyresized($im, $goodImg, 0, 185, 0, 0, 618, 618, $g_w, $g_h); //二维码 list($code_w,$code_h) = getimagesize($codeName); $codeImg = createImageFromFile($codeName); imagecopyresized($im, $codeImg, 440, 820, 0, 0, 170, 170, $code_w, $code_h); //商品描述 $theTitle = cn_row_substr($gData['title'],2,19); imagettftext($im, 14,0, 8, 845, $font_color_2 ,$font_file, $theTitle[1]); imagettftext($im, 14,0, 8, 875, $font_color_2 ,$font_file, $theTitle[2]); //imagettftext($im, 14,0, 8, 935, $font_color_2 ,$font_file, "券后价￥"); //imagettftext($im, 28,0, 80, 935, $font_color_red ,$font_file_bold, $gData["price"]); //imagettftext($im, 14,0, 8,970, $font_color_3 ,$font_file, "现价￥".$gData["original_price"]); //优惠券 if($gData['coupon_price']){ imagerectangle ($im, 125 , 950 , 160 , 975 , $font_color_3); imagefilledrectangle ($im, 126 , 951 , 159 , 974 , $fang_bg_color); imagettftext($im, 14,0, 135,970, $font_color_3 ,$font_file, "券"); $coupon_price = strval($gData['coupon_price']); imagerectangle ($im, 160 , 950 , 198 + (strlen($coupon_price)* 10), 975 , $font_color_3); imagettftext($im, 14,0, 170,970, $font_color_3 ,$font_file, $coupon_price."元"); } //输出图片 if($fileName){ imagepng ($im,$fileName); }else{ Header("Content-Type: image/png"); imagepng ($im); } //释放空间 imagedestroy($im); imagedestroy($goodImg); imagedestroy($codeImg); } /** * 从图片文件创建Image资源 * @param $file 图片文件，支持url * @return bool|resource 成功返回图片image资源，失败返回false */ function createImageFromFile($file){ if(preg_match('/http(s)?:\/\//',$file)){ $fileSuffix = getNetworkImgType($file); }else{ $fileSuffix = pathinfo($file, PATHINFO_EXTENSION); } if(!$fileSuffix) return false; switch ($fileSuffix){ case 'jpeg': $theImage = @imagecreatefromjpeg($file); break; case 'jpg': $theImage = @imagecreatefromjpeg($file); break; case 'png': $theImage = @imagecreatefrompng($file); break; case 'gif': $theImage = @imagecreatefromgif($file); break; default: $theImage = @imagecreatefromstring(file_get_contents($file)); break; } return $theImage; } /** * 获取网络图片类型 * @param $url 网络图片url,支持不带后缀名url * @return bool */ function getNetworkImgType($url){ $ch = curl_init(); //初始化curl curl_setopt($ch, CURLOPT_URL, $url); //设置需要获取的URL curl_setopt($ch, CURLOPT_NOBODY, 1); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 3);//设置超时 curl_setopt($ch, CURLOPT_TIMEOUT, 3); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); //支持https curl_exec($ch);//执行curl会话 $http_code = curl_getinfo($ch);//获取curl连接资源句柄信息 curl_close($ch);//关闭资源连接 if ($http_code['http_code'] == 200) { $theImgType = explode('/',$http_code['content_type']); if($theImgType[0] == 'image'){ return $theImgType[1]; }else{ return false; } }else{ return false; } } /** * 分行连续截取字符串 * @param $str 需要截取的字符串,UTF-8 * @param int $row 截取的行数 * @param int $number 每行截取的字数，中文长度 * @param bool $suffix 最后行是否添加‘...’后缀 * @return array 返回数组共$row个元素，下标1到$row */ function cn_row_substr($str,$row = 1,$number = 10,$suffix = true){ $result = array(); for ($r=1;$r<=$row;$r++){ $result[$r] = ''; } $str = trim($str); if(!$str) return $result; $theStrlen = strlen($str); //每行实际字节长度 $oneRowNum = $number * 3; for($r=1;$r<=$row;$r++){ if($r == $row and $theStrlen > $r * $oneRowNum and $suffix){ $result[$r] = mg_cn_substr($str,$oneRowNum-6,($r-1)* $oneRowNum).'...'; }else{ $result[$r] = mg_cn_substr($str,$oneRowNum,($r-1)* $oneRowNum); } if($theStrlen < $r * $oneRowNum) break; } return $result; } /** * 按字节截取utf-8字符串 * 识别汉字全角符号，全角中文3个字节，半角英文1个字节 * @param $str 需要切取的字符串 * @param $len 截取长度[字节] * @param int $start 截取开始位置，默认0 * @return string */ function mg_cn_substr($str,$len,$start = 0){ $q_str = ''; $q_strlen = ($start + $len)>strlen($str) ? strlen($str) : ($start + $len); //如果start不为起始位置，若起始位置为乱码就按照UTF-8编码获取新start if($start and json_encode(substr($str,$start,1)) === false){ for($a=0;$a<3;$a++){ $new_start = $start + $a; $m_str = substr($str,$new_start,3); if(json_encode($m_str) !== false) { $start = $new_start; break; } } } //切取内容 for($i=$start;$i<$q_strlen;$i++){ //ord()函数取得substr()的第一个字符的ASCII码，如果大于0xa0的话则是中文字符 if(ord(substr($str,$i,1))>0xa0){ $q_str .= substr($str,$i,3); $i+=2; }else{ $q_str .= substr($str,$i,1); } } return $q_str; } //使用方法------------------------------------------------- //数据格式，如没有优惠券coupon_price值为0。 $gData = [ 'pic' => 'code_png/nv_img.jpg',//海报图 'title' =>'traingle_健身就是续命', 'price' => 0, 'original_price' => 0, 'coupon_price' => 0 // ]; //直接输出 createSharePng($gData,__DIR__.'/code_png/php_code.jpg'); //输出到图片 createSharePng($gData,__DIR__.'/code_png/php_code.jpg','share.png'); 注意事项：请确保文件的完整性，如图片、字体等文件，不然会导致浏览器无法输出图片！但是可以生产图片保存到本地 百度网盘免费下载 链接：https://pan.baidu.com/s/1JIxy_LdmaQsxwRQy7qrTCA  提取码：wuzd 

开发者(程序员)需要用到的小工具 相信开发过程中我们经常会遇到  转码  时间转换  json校验  md5加密  代码差异对比等等的工具！ 下面分享一款软件就集成了上述的所有工具 程序员工具

PHP 提供了一些流程控制的替代语法，包括 if，while，for，foreach 和 switch。替代语法的基本形式是把左花括号（{）换成冒号（:），把右花括号（}）分别换成 endif;，endwhile;，endfor;，endforeach; 以及 endswitch;。主要用于html展示页面。 if <?php if ($a == 5): ?> A is equal to 5 <?php endif; ?> if elseif else <?php if ($a == 5): echo "a equals 5"; elseif ($a == 6): echo "a equals 6"; else: echo "a is neither 5 nor 6"; endif; ?> <?php if ($username === 'sally'): ?> <h3>Hi Sally</h3> <?php elseif ($username === 'joe'): ?> <h3>Hi Joe</h3> <?php else: ?> <h3>Hi unknown user</h3> <?php endif; ?> foreach <ul> <?php foreach ($todo as $item): ?> <li><?=$item?></li> <?php endforeach; ?> </ul> for <?php for (expr1; expr2; expr3): ?> <li>循环点什么</li> <?php endfor; ?> while <?php while (expr): ?> <li>循环点什么</li> <?php endwhile; ?> switch case <?php switch ($foo): ?> <?php case 1: ?> // 不能有空格 ... <?php endswitch ?> 注意：switch 和第一个 case 之间的任何输出（含空格）将导致语法错误。例如，这样是无效的： <div> <?php switch($variable): case 1: ?> <div> Newspage </div> <?php break;?> <?php case 2: ?> </div> Forum <div> <?php break;?> <?php endswitch;?> </div> 参考 http://php.net/manual/zh/control-structures.alternative-syntax.php

安装vue环境 angular环境 安装环境这个步骤，我相信已经吧很多人挡再门槛之外了，包括很早之前的我！ 具体的步骤网上的教程已经说的很明白了，这里我就把需要注意的细节再给大家讲一下，提高新手的安装成功率！ 1：安装nodejs 安装过程非常简单，与平时安装的一般软件无异。 官方网站：https://nodejs.org/en/ Node.js自带npm包管理工具，使用npm可使我们快速安装项目中所需要的组件。 打开Node.js命令行工具，输入 node --version 可查看Node.js当前的版本，如果没有出现版本号，很可能是Node.js没安装成功，或者电脑环境没配置好。 2：安装cnpm 另外，由于npm的官方镜像服务器是在国外，国内没有进行科学上网的同学安装依赖包时，有时候速度会非常慢。因此，可采用淘宝的npm镜像，在命令行工具输入： npm install -g cnpm --registry=https://registry.npm.taobao.org 以后就可以使用cnpm来代替npm了。因此，如果已经安装了淘宝的npm镜像工具，vue-cli可以这样安装： cnpm install -g vue-cli 这里很多人会出现cnpm不是内部命令，明明自己安装是成功了的！ 是由于没有添加环境变量到系统中导致的！ 右键电脑，属性，高级设置，环境变量，系统变量中的path里，最后加上这段话： 你的cnpm.cmd所在的路径再加上英文版的分号。//这行文字其实是博客的代码格式，看，还有注释 如果不好找，可以利用腾讯桌面管家中的全局搜索工具，或者everything工具搜索cnpm.cmd，找到文件路径[又没有给我广告费] vue-cli 用的是 npm 源，只要设置 npm 源就行了： npm config set registry https://registry.npm.taobao.org 添加完成不用重启电脑！！！！只需重启命令行！！！！！ 后面的问题我相信都不是大问题了，将本该用npm的命令全部替换为cnpm就行了！ 没有反应的crtl+c终止掉再跑一遍，多跑几遍试试！反正我这里的网是很不科学！ 最后希望大家能安装成功

$.ajax({ url:url, data:{uid:uid}, type:"post", dataType:"json", beforeSend: function(){ $('.loading').css('display','block'); }, success:function (data) { $('.loading').css('display','none'); $('.count').html(data.count); $('.pv').html(data.pv); } })

外部调用layui.use内定义的函数需要引入 layui.all.js ，并定义 window.xxx函数 自己亲测： <script src="/static/layui/layui.all.js"></script> <script> //Demo layui.use('form', function(){ window.form = layui.form; }); </script> 使用 <script> window.form.on('submit(formDemo)', function(data){ layer.msg(JSON.stringify(data.field)); return false; }); </script> 使用layui.all.js即可

很多时候我们在登录的时候需，输入完密码和账号之后习惯性的回车， 但是如果没有绑定回车键的事件的时候是不好使的！下面就看看回车键如何绑定 //回车键绑定登录 $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { login(); } } }); function login() { var url="/admin/user/login.html"; var data = $("form").serialize(); $.post(url,data,function(e){ if(e.status == 1){ success(e.msg); window.location.href=e.next_url; }else { error(e.msg) return false; } }); } 以上就是如何绑定回车键！希望对大家有所帮助！

================20181229更============= 1.汉字转拼音 ---- fengqi/hanzi 短信 ---- overtrue/easy-sms （支持阿里云，阿里大鱼，云片，螺丝帽等等） 3.微信easywechat ---- overtrue/wechat（支持laravel tp等框架） 4.表格pdf,csv ---- phpoffice/phpspreadsheet 5.数据备份 ---- spatie/laravel-backup （数据库备份，文件备份，一行命令搞定） 6.像素头像 ---- yzalis/identicon （gitHub那种头像） 7.数据字典 ---- jormin/laravel-ddoc （好像只支持laravel5.5） 8.二维码 ---- bacon/bacon-qr-code 9.获取设备品牌 版本 piwik/device-detector (包括手机电脑等os系统。版本，使用的app==) symfony/var-dumper symfony的dump格式化包，友好、直观dump数据，可自定义css样式。（laravel使用的也是这个） filp/whoops 错误信息追踪，美观的样式，友好的展示，最佳的调试。 intervention/image  图片处理大小裁剪等 cartalyst/sentry     权限插件[没有亲自试用过，文档好像不是很多] geoip2/geoip2 IP地理位置信息 rize/uri-template    url生成，应该会用得到 hashids/hashids    生成数字id，可以用来将文章的id进行加密解密操作，确保安全 guzzlehttp/guzzle   可以获取网页源代码等，详细请自己搜索 geoip2/geoip2    根据ip 获取信息 https://packagist.org/packages/geoip2/geoip2                     james-heinrich/phpthumb   图片处理   http://phpthumb.sourceforge.net/demo/demo/phpThumb.demo.demo.php  可在线裁剪，避免图片大小不一致导致的排版混乱