首页　|　 我的博客　|　 查看该博主内容分类　|　

生成占位文本技巧（lorem）

方法

输入lorem后敲击tab键，这是一段html内置的一段文字，可用于平时不知道打什么时的文字占位。
如：

<div>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet delectus, doloremque est explicabo, hic maxime nam nemo possimus quae, quas quasi quia quidem quisquam quod suscipit tempora ut veniam voluptate?
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto autem culpa eaque earum harum hic in quae quidem totam, velit! Cumque dolorum fugiat fugit hic, laboriosam modi nostrum odit perferendis.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consectetur culpa labore, totam unde vel voluptas! Accusamus, alias aliquid doloremque enim hic laboriosam, nobis quasi repellat repellendus, sit temporibus vel?
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias architecto assumenda atque beatae commodi cupiditate dignissimos dolor doloremque ducimus illo nihil, nisi nostrum obcaecati quo quod sit. Corporis, suscipit!
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi doloribus ducimus enim error et facilis quis? Amet dolores fugit ipsum laborum nobis, numquam placeat quod rerum, vel voluptas voluptatem voluptates?
</div>
posted @   Z哎呀  阅读(232)  评论(0)  编辑  收藏  举报
相关博文：
·  CSS相关优化及图形，持续更新
·  el-row设置gutter时，超出容器宽度的解决办法
·  [VScode]lorem随机生成文本
·  html lorem自动填充,使用 lorem 快捷生成随机文本填充页面
·  table制作
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
// let homeEle = document.querySelector('body') // homeEle.setAttribute('id', 'particles-js') // /* ---- particles.js config ---- */ // particlesJS("particles-js", { // "particles": { // "number": { // "value": 380, // "density": { // "enable": true, // "value_area": 800 // } // }, // "color": { // "value": "#ffffff" // }, // "shape": { // "type": "circle", // "stroke": { // "width": 0, // "color": "#000000" // }, // "polygon": { // "nb_sides": 5 // }, // "image": { // "src": "img/github.svg", // "width": 100, // "height": 100 // } // }, // "opacity": { // "value": 0.5, // "random": false, // "anim": { // "enable": false, // "speed": 1, // "opacity_min": 0.1, // "sync": false // } // }, // "size": { // "value": 3, // "random": true, // "anim": { // "enable": false, // "speed": 40, // "size_min": 0.1, // "sync": false // } // }, // "line_linked": { // "enable": true, // "distance": 150, // "color": "#ffffff", // "opacity": 0.4, // "width": 1 // }, // "move": { // "enable": true, // "speed": 6, // "direction": "none", // "random": false, // "straight": false, // "out_mode": "out", // "bounce": false, // "attract": { // "enable": false, // "rotateX": 600, // "rotateY": 1200 // } // } // }, // "interactivity": { // "detect_on": "canvas", // "events": { // "onhover": { // "enable": true, // "mode": "grab" // }, // "onclick": { // "enable": true, // "mode": "push" // }, // "resize": true // }, // "modes": { // "grab": { // "distance": 140, // "line_linked": { // "opacity": 1 // } // }, // "bubble": { // "distance": 400, // "size": 40, // "duration": 2, // "opacity": 8, // "speed": 3 // }, // "repulse": { // "distance": 200, // "duration": 0.4 // }, // "push": { // "particles_nb": 4 // }, // "remove": { // "particles_nb": 2 // } // } // }, // "retina_detect": true // }); // var count_particles, stats, update; // stats = new Stats; // stats.setMode(0); // stats.domElement.style.position = 'absolute'; // stats.domElement.style.left = '0px'; // stats.domElement.style.top = '0px'; // document.body.appendChild(stats.domElement); // count_particles = document.querySelector('.js-count-particles'); // update = function() { // stats.begin(); // stats.end(); // if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { // count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; // } // requestAnimationFrame(update); // }; // requestAnimationFrame(update);
点击右上角即可分享
微信分享提示
SQL AI 助手