当前位置: 首页 » 教程

CSS transform位移属性的小技巧

transform,大多时候都是用来做层旋转,其实很多时候也可以用来垂直和水平的位移,比如要写图片居中,习惯性的定义父层的text-align:center;有时候对于图片,不是很好用,图文混合,文字需要居左对齐,图片需要居中对齐,这个时候可以配合transform:translateX(-50%);来实现图片居中在第二个图片上,添加了一个transform类,CSS如下.transform{margin-left:50%;transform:translateX(-50%);}所以,在配合居中上,就可以很好的使用!教程2天前

WordPress查询同时在2个或者多个分类上的文章WP_Query及计算文章数量和分页处理

WordPress查询同时在2个或者多个分类上的文章WP_Query及计算文章数量。WP_Query和query_posts()用法参数差不多。在查询同时满足的时候,用到参数category__and首先看下WP_Query用法标准循环<?php// The Query$the_query = new WP_Query( $args );// The Loopif ( $the_query->have_posts() ) { echo '<ul>'; while ( $the_query->have_posts() ) { $the_query->the_post(); echo '<li>' . get_the_title() . '</li>'; } echo '</ul>';} else { // no posts found}/* Restore original Post Data */wp_reset_postdata();标准循环(备用)<?php // the query$the_query = new WP_Query( $args ); ?> <?php if ( $the_query->have_posts() ) : ?> <!-- pagination here --> <!-- the loop --> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <h2><?php the_title(); ?></h2> <?php endwhile; ?> <!-- end of the loop --> <!-- pagination here --> <?php wp_reset_postdata(); ?> <?php else : ?> <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p><?php endif; ?>多个循环<?php // The Query$query1 = new WP_Query( $args ); // The Loopwhile ( $query1->have_posts() ) { $query1->the_post(); echo '<li>' . get_the_title() . '</li>';} /* Restore original Post Data * NB: Because we are using new WP_Query we aren't stomping on the * original $wp_query and it does not need to be reset with * wp_reset_query(). We just need to set the post data back up with * wp_reset_postdata(). */wp_reset_postdata();/* The 2nd Query (without global var) */$query2 = new WP_Query( $args2 ); // The 2nd Loopwhile ( $query2->have_posts() ) { $query2->the_post(); echo '<li>' . get_the_title( $query2->post->ID ) . '</li>';} // Restore original Post Datawp_reset_postdata(); ?>WP_Query的更多用法可以参考官网手册说明:WP_Query函数,这里不再累述,主要写一下如何获取同时在2个或者2个以上分类的文章及计算这些文章数量还有分页查询同时满足2个或者2个以上文章$query = new WP_Query( array( 'category__and' => array( 2, 6 ) ) );返回文章在分类2也在分类6,也就是同时在分类2和6的文章(不显示子类目文章),返回的文章数量受到分页显示数量限制,如果需要重新设置页码数量,添加参数posts_per_page$query = new WP_Query( array( 'category__and' => array( 2, 6 ),'posts_per_page'=>20 ) );返回文章每页20个,但如果后台设置每页显示10篇文章,会出现一个文章,全部文章显示完之后,分页导航还在,也就是后面点击的分页内容是空白文章的分页。而且因为category__and参数,分页也会出现不正确,这时候需要修改下定义的函数,如分页导航计算数量的是$wp_query,这里也的也改成$wp_query$wp_query = new WP_Query( array( 'category__and' => array( 2, 6 ),'posts_per_page'=>20 ) );这样分页就改回来了,在其他页面时,用$wp_query显示,在这个需要查询多分类同时存在文章时,重新定义了$wp_query,分页也按重新定义的$wp_query分页。$wp_query->found_posts就是返回的文章总数量了!教程7天前

自适应调试手机端(无线端)网页样式布局的方法

自适应手机端样式调试方式:1、调整浏览器大小(不推荐,通过CSS布局无线端自适应)2、下载相关工具,如微信公众号开发工具3、审查浏览器,切换到手机(推荐)首先右键网页(检查或者审查元素,快捷键F12),点亮手机图标点亮后教程19天前

微信朋友圈如何发长视频及定位未读消息

定位到未读消息小技巧:微信消息列表如何定位到未读消息,双击显示的未读消息数字就会自动定位到未读消息朋友圈发长视频小技巧:点开我的–收藏–右上角+号,相册–选择小视频,上传!将收藏分享到朋友圈!收藏分享出去的视频,需要点开播放!教程19天前

php foreach 循环跳过和退出

php foreach循环,当遇到某个条件跳过continue,和退出break。 continue,跳过,例$array=array(1,2,3,4,5,6,7,8,9,10);foreach($array as $a){if($a==5){continue;//跳过}echo $a."<br>------------------<br>";}当$a=5的时候,不输出,跳过,后面继续输出 结果:1------------------2------------------3------------------4------------------6------------------7------------------8------------------9------------------10------------------当$a=5的时候终止循环,后面不再输出,如:foreach($array as $a){if($a==5){break;//退出循环}echo $a."<br>------------------<br>";}结果:1------------------2------------------3------------------4------------------一般应该是continue跳过用于过滤,break用于查找!教程20天前

Python pycharm打包exe文件

Python pycharm打包exe文件1、打开终端窗口(ALT+F12)2、安装pyinstaller(命令:pip install pyinstaller)已安装可忽略3、打包文件pyinstaller -F -w main.py命令结束后会显示文件位置PS:文件存在时可能无法打包教程20天前

win10双显示器扩展屏及主屏设置

win10双显示器扩展屏快捷键 win+p,win键就是键盘上微软图标的那个键,点击之后会弹出设置框(仅电脑屏幕,复制,扩展,仅第二屏幕)仅电脑屏幕:扩展显示器不会显示,复制:两个显示器显示的一模一样,扩展:两个屏幕显示东西不一样,通过鼠标可以将窗口拉到第二屏幕上,但是任务栏会显示一样的东西,仅第二屏幕:主屏不显示另外:这里涉及一个主屏幕问题,主屏幕上会显示电脑图标,第二屏幕不显示,主屏幕可以通过设置来选择哪个作为主屏幕右键桌面空白区域,弹出菜单点击显示设置,可以设置显示器顺序,及主显示器另外可以通过显卡设置软件来设置主显示器,如英特尔显卡控制面板(我的显卡是这个) 多屏显示,选择主显示器教程20天前

win10设置自动登陆netplwiz没有要使用本计算机,用户必须输入用户名和密码

正常win10设置自动登陆,在命令行输入“netplwiz”,取消“要使用本计算机,用户必须输入用户名和密码”前的勾选选项就可以了命令行:点击开始菜单–Windows系统–命令提示符netplwiz,输入,或者快捷键win+R,运行内直接输入netplwiz而很多情况,会遇到没有“要使用本计算机,用户必须输入用户名和密码”选项修改注册表调出“要使用本计算机,用户必须输入用户名和密码”选项注册表命令:regedit,删除HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\PasswordLess或者修改HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\PasswordLess\Device下的DevicePasswordLessBuildVersion值为0这样,重新打开用户账户,“要使用本计算机,用户必须输入用户名和密码”选项,回来了教程20天前

win10水星USB无线网卡创建移动热点,提示我们无法设置移动热点解决方案

今天刚拉了宽带,然而电信给的光纤猫竟然不带WiFi功能(记得之前拉的宽带,配的光纤猫带有WiFi的),之后折腾用无线网卡创建AP热点系统:window10 企业版(别问为什么是企业版,我也不知道为什么要装企业版)无线网卡:水星USB无线网卡插上网卡,安装驱动,网卡可以成功的收到信号,利用win10系统自带的热点功能,创建热点,原本以为很顺利,发现一只无法创建一直提示:我们无法设置移动热点百度了一堆,竟然没有实质性的用处!有说什么设置20M的!能百度的全部都试过,全部都无法正常创建热点(window.slotbydup=window.slotbydup||[]).push({id:"u6572769",container:"_3jn4z0fst5n",async:true});想着,会不会是驱动的问题,因为这款水星的USB无线网卡很老的,试了一下更新驱动,再回来开启移动热点,竟然成功了!!!成功了!!!剩下的就是上网的问题,win10自带移动热点,需要共享本地连接!总结了一下:如果遇到无法创建热点,首先先试下更新驱动!1、右键此电脑–管理–设备管理器–网络适配器–找到usb网卡驱动–右键–更新驱动程序–选择自动搜索–等更新完之后再重试设置移动热点2、看下是否开启移动热点服务:右键此电脑–管理–服务与应用程序–服务–找到window移动热点服务–开启3、上网问题,需要共享本地连接,右键以太网(本地连接,或者宽带)–属性–共享–选择热点连接通过以上设置,基本上就可以正常的开启移动热点了!(window.slotbydup=window.slotbydup||[]).push({id:"u6572769",container:"_3jn4z0fst5n",async:true});教程22天前

MIUI10取消禁止联网通知

MIUI10取消禁止联网时打开APP的禁止联网通知禁止掉APP联网,在打开APP时默认会提示APP禁止联网的通知,如何取消?打开系统安全中心点击右上角的小齿轮,取消联网允许联网关闭之后,网络助手无法使用,再次打开APP时,就不会再有联网的通知了!(window.slotbydup=window.slotbydup||[]).push({id:"u6572769",container:"_3jn4z0fst5n",async:true});教程22天前
零分站龄1个月资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
305
文章
7
分类
96
标签
2
友链
onlinelovesky317355746vipsever@vip.qq.com