技术 - 个人学习记录

web 1 0

4321 0 2021-09-03 VSCode

我们在制作网页时，有时候需要一些文本来填充网页，这些文本不需要有明确含义，只是临时占位，被叫做“乱数假文”。 1. Emment Lorem(VScode内置) lorem + tab键，默认生成一个30个单词的段落。也可指定生成多少单词，如lorem5 + tab键，可以生成5个单词。 ...

emmet生成测试文本Lorem ipsum

web 0 0

2296 0 2021-09-03 其他

Lorem ipsum，中文又称“乱数假文”，是指一篇常用于排版设计领域的拉丁文文章 [1] ，主要的目的为测试文章或文字在不同字型、版型下看起来的效果，通常网站还没建设好时会出现这段文字 emmet生成测试文本Lorem 1，在编写HTML代码时，有时需要添加一些内容，Emmet提供了一段随机的看不懂的英文字段...

bootstrap5 按钮大小

taotaoit 0 1

1900 0 2021-09-02 Bootstrap5

bootstrap5 按钮大小添加.btn-lg or .btn-sm设置按钮大小 <button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="b...

bootstrap5 表单控件大小

taotaoit 0 0

1841 0 2021-09-02 Bootstrap5

bootstrap5 表单控件大小使用诸如.form-control-lg 和 .form-control-sm之类的类设置高度。 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-l...

bootstrap5 offcanvas-navbar手机滑动导航，左右滚动导航

taotaoit 1 1

2218 0 2021-09-02 Bootstrap5

效果图示例链接 https://taotaoit.com/demo/?url=other/other-119/index 直接上代码 <!doctype html> <html lang="en"> <head> <meta charset="utf...

jquery判断div中是否有图片，如果有则修改另一个图片的src

taotaoit 0 0

1730 0 2021-08-31 jQuery

$('.j-selected').each(function(){ if($(this).find('img').length){ $(".toastlinei").attr("src", $(this).find('img').attr('src')); } }); jquery修改图片src，会...

vertical-align:top 图片与文字对齐

taotaoit 1 0

1767 0 2021-08-31 DIV+CSS

li标签里面同时有图片和文字，css样式如下 .toastline1c li{ height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; float: left; } .toastline1c li img{width: 0.7rem; height: 0.7rem;}...

bootstrap5 flex布局占据剩余空间flex-grow-1

taotaoit 0 0

2004 0 2021-08-28 Bootstrap5

bootstrap5 flex布局占据剩余空间.flex-grow-1 .flex-grow-1{flex-grow:1!important} 参考：https://taotaoit.com/demo/bootstrap5/167.html

bootstrap5宽度100% .w-100高度100% .h-100，没有对应的自适应样式

taotaoit 0 0

3179 0 2021-08-28 Bootstrap5

bootstrap5宽度100% .w-100高度100% .h-100 /* 宽度 */ .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{wid...

css限制图片是正方形，图片宽度100%，高度是宽度的固定比例

web 0 0

2354 0 2021-08-28 DIV+CSS

原标题：css如何使图片固定为正方形需求：所有的商品缩略图都要展示正方形。宽度我们设置为100%，高度怎么限制跟宽度一样呢？ <style> /* 这一段不必要 */ html,body { height: 100%; } /* 以下是关键代码 */ #wrap { widt...

bootstrap5圆角按钮，胶囊按钮，实现直角rounded-0，大圆角rounded-3，小圆角rounded-1

taotaoit 4 0

3092 0 2021-08-28 Bootstrap5

默认按钮自带圆角 .btn{border-radius:.25rem!important} .rounded{border-radius:.25rem!important} .rounded-0{border-radius:0!important} .rounded-1{border-radius:.2rem!imp...

bootstrap5 上下左右边框.border-top,.border-bottom,.border-start,.border-end

taotaoit 1 0

2328 0 2021-08-26 Bootstrap5

bootstrap5 上下左右边框 <span class="border"></span> <span class="border-top">上</span> <...

bootstrap5 .img-fluid类让图片支持响应式布局，bootstrap3是.img-responsive

taotaoit 2 0

3492 0 2021-08-26 Bootstrap5

bootstrap5 .img-fluid类让图片支持响应式布局，bootstrap3是.img-responsive bootstrap5，bootstrap4都是.img-fluid css样式 .img-fluid{max-width:100%;height:auto} bootstrap3 cs...

jquery show方法(display:block)与display:flex的冲突

web 1 0

3032 0 2021-08-26 jQuery

在写页面的时候用了display:flex的布局，但是在js里用到show和hide方法时，display:flex布局就失效了。原因是show()是通过把display属性从none改为block的过程，所以有了display:block, flex自然就失效了。因为display:flex其实已经block化了，我的解决方法是...

手机插上u盘有浏览记录，怎么清除

taotaoit 1 0

5867 0 2021-08-26 其他

手机u盘看电影会在手机留下痕迹吗？会有记录的，在历史文件夹或是打开文件的应用程序的历史记录列表里边就有记录，但是打开文件会提示找不到路径。比如一些需要上传头像或图片的功能，打开手机相册后会显示之前的浏览痕迹。解决办法：重启就没了

border-radius在长方形一侧制作半圆

taotaoit 0 0

2178 0 2021-08-25 DIV+CSS

在长方形两侧制作半圆，很简单 border-radius:.82031rem 左侧制作半圆 border-radius:.82031rem 0 0 .82031rem; 右侧制作半圆 border-radius:0 .82031rem .82031rem 0; border...

加载更多

关于本站