当前位置: 首页 > Web前端 > HTML

前端--html+css

时间:2023-04-02 16:00:48 HTML

1.当div中的文字内容不够一行时,居中显示,超过一行则从左到右显示。

123

CSS:div{text-align:center;高度:100px;宽度:100px;}p{显示:内联块;text-align:left;}2.一行文字溢出后显示省略号div{overflow:hidden;文本溢出:省略号;white-space:nowrap;}3、两行文字溢出后显示省略号div{align-items:center;证明内容:居中;弹性方向:列;文本溢出:省略号;//溢出用省略号显示overflow:hidden;显示:-webkit-box;//将对象显示为灵活的盒子模型。-webkit-box-orient:vertical;//从上到下垂直排列子元素(设置拉伸框的子元素排列方式)-webkit-line-clamp:2;//这个属性不是css的标准属性,需要结合上面两个属性代表显示的行数。宽度:100px;高度:50px;line-height:25px;}4.border-left:border-left的颜色只能是纯色,不能使用渐变色。border中的颜色可以使用渐变色5.设置滚动条的样式(overflow:scroll)~~~~.test-1::-webkit-scrollbar{/滚动条整体样式/width:10px;/*height和width分别对应水平和垂直滚动条的大小*/height:1px;}.test-1::-webkit-scrollbar-thumb{/滚动条内的小方块/border-radius:10px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);背景:#535353;}.test-1::-webkit-scrollbar-track{/滚动条内的轨道/-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);边界半径:10px;背景:#EDEDED;}