随笔分类 - css
css
摘要：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body{position:relative;} *{padding:0;margin:0;} .dialog{width:400px;height:400px;b
阅读全文
摘要：<div id="parentInUserDiv" class="div-in-image flex flex-nowrap" > <div id="childInUserContainer" class="div-in-image-list" ref="srcollInImage" > <temp
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #parentD
阅读全文
摘要：<div class="card-remark">请把卡放入读卡器上...</div> 字体一闪闪效果： .card-remark { font-family: Arial, sans-serif; /* 选择字体 */ font-size: 36px; /* 设置字体大小 */ color: rg
阅读全文
摘要：在使用 Flex 弹性布局中，设置每行高度根据内容自动撑高的方法是通过设置`align-items`属性为`stretch`。这样，每行的高度就会根据内容自动撑高。 具体的代码如下： ```css.container { display: flex; flex-wrap: wrap; align-i
阅读全文
摘要：要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器
阅读全文
摘要：<!DOCTYPE html> <head> <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=1.0,minimum-scale=0.5,user-scalable=yes"> <ti
阅读全文
摘要：<!DOCTYPE html> <head> <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=1.0,minimum-scale=0.5,user-scalable=yes"> <ti
阅读全文
摘要：参考链接： https://blog.csdn.net/weixin_30527151/article/details/112116860
阅读全文
摘要：.img { max-width: 100%; height: auto;} 参考链接：https://www.runoob.com/css3/css3-images.html
阅读全文
摘要：1、css .parentDiv { display:flex; flex-direction:row;} .childDiv {flex:1;} 2、html <div> <div class="parentDiv"> <div class="childDiv">Hello</div> <div
阅读全文
