![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 68
一些css特性和操作
晨灰ash2
严于律己,才能律人
展开
-
HTML表格体滚动
使用table-layout:fixed后。整个每一列的宽度由列所在表头确定,可以给表头th元素设置width,但是当单元格内内容超长时,设置的宽度就会有出入。可以给一个宽度较为固定的列不设置宽度,自适应从而保证其他元素宽度足够不变。使用后表格体会出现侧边的滚动条,但是表格头固定,可能会出现上下并不对齐的现象。原生的表格元素添加scroll并不会生效,需要改变表格的属性。原创 2023-08-22 14:22:02 · 1386 阅读 · 0 评论 -
轮播资讯图非定位实现
margin设置负值同样会有效果,如margin-left>=0?提供一种轮播图非position定位的实现,非无限滚动的版本。/* 每次移动100%整倍数,确保展示内容准确展示在中 */说是轮播图,其实更像资讯展示组件,因为并不会自动滚动。/* 宽度根据内容宽度决定 内容宽度个数*//* 要展示的元素和展示框大小一致 *///让对应图片也移动。原创 2023-03-15 16:52:40 · 60 阅读 · 0 评论 -
响应式与自适应布局是什么
对于不同的电脑屏幕。如1200-1800px,可以媒体查询进行改变布局。(缺点:只有在屏幕到达断点时才会变化)。现代响应式:css3提供了多种布局方式,如flex弹性盒布局、grid网格布局,可以使用对应属性方便的实现一些响应式效果。为了使一个web程序应对不同大小的屏幕,而不至于大批量的重新实现效果,提出来响应式的思想。屏幕小到手机、手环,大到电脑、大屏。除了确定的设计目标,其他场景考虑响应式很有必要。新的单位:相对于视口的单位vm/vw。对于不同设备的屏幕,需要考虑的比较多,可以使用。原创 2023-06-30 15:51:21 · 57 阅读 · 0 评论 -
定位情况下,不定宽高元素,不占用transform属性的垂直水平居中
定位情况下,不定宽高元素,不占用transform属性的垂直水平居中fit-content在垂直居中条件下的使用原创 2023-03-09 17:11:15 · 363 阅读 · 0 评论