![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发 - CSS/CSS3
Lear_博客
他强任他强,清风拂山岗
展开
-
VUE / css -webkit-box-orient: vertical 打包放到线上不显示
2.在我们的webpack.config.js文件中,找到 new webpack.optimize.UglifyJsPlugin,在里面添加一条 mangle:false,这个的意思是删除注释。1.直接在行内加 -webkit-box-orient: vertical(个别元素添加适合)4.找到webpack.prod.conf.js,并将如下代码注释。这个属性在本地运行是存在的,但是打包后放到线上这个属性消失了;问题出现原因:打包时这个属性和注释混在了一起(个人猜测)3.把这句代码前后都加注释,如下。原创 2023-06-01 11:10:44 · 260 阅读 · 0 评论 -
css3中 百分比宽度减去固定宽度的写法
div{ /*实现了宽度为父容器宽度减去固定的100像素*/ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); }注意:1.calc() 里面的公式可以加减乘除,而且支持rem,em算法2.减号的两边必须都有至少一个空格...原创 2020-09-30 14:29:36 · 1719 阅读 · 0 评论 -
css 设置表格单元格宽度
网页中插入表格时,设置了表格的宽度,则会根据表格宽度拉伸;但是有时候内容过长时,就会拉伸的很难看,所以就需要固定表格宽度。(注:根据自己的需要固定表格或某一单元格,则把改样式设置到对应的标签上,下面以固定表格举例)html:<table></table>css:table{table-layout: fixed;word-break: break-all...原创 2018-09-06 16:59:46 · 13403 阅读 · 0 评论 -
用CSS将select/option文本居中
HTML:<select name="" id="chooseRange"> <option value="0">标题或正文</option> <option value="2">标题</option> <option value="1">正文</o...原创 2019-03-22 09:44:43 · 2618 阅读 · 0 评论 -
css实现滚动条兼容mac和windows
要做到同时兼容windows和Mac,那么可以自定义滚动条,做法很简单,在全局的css样式中加入下面代码即可://自动移滚动条样式::-webkit-scrollbar{ width: 5px; height: 5px;}::-webkit-scrollbar-thumb{ border-radius: 1em; background-color: rgba(50,50...原创 2019-05-13 14:50:01 · 5046 阅读 · 1 评论 -
css 实现单行、多行溢出隐藏显示省略号
单行:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;原创 2018-09-12 15:06:44 · 3094 阅读 · 0 评论 -
css3响应式布局 媒体查询----media query
1、media query的语法:(1)设置meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">(2)@media 媒介类型and|not|only (媒介特征) { ... } 媒介类型...原创 2018-08-08 18:11:32 · 479 阅读 · 0 评论