web响应式布局一些基本css 持续更新
来源:互联网 发布:linux split 编辑:程序博客网 时间:2024/04/30 03:00
1.不定宽高的水平垂直居中
.myoff-wrapper{
position:absolute;
top:50%;
left:50%;
z-index:3;
-webkit-transform:translate(-50%,-50%);
border-radius:6px;
background:#fff;
}
flexbox 版
{
justify-content:center; //子元素水平居中
align-items:center; //子元素垂直居中
display:-webkit-flex;
}
媒体查询 用于给不同的显示器分辨率设定单独的样式
@media screen and (max-width:1024px){
pagewrap {width:95.5%}
conten {width:62%;}
content.article.hr{width:66%;margin-left:34%;}
}
3.弹性图片
{max-width:100%;}
4.当行文本溢出
.intwoline{
display:-webkit-box!important;
overflow:hidden;
text-overflow:ellipsis;
word-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
0 0
- web响应式布局一些基本css 持续更新
- CSS响应式布局
- CSS--响应式布局
- css-响应式布局
- 响应式web布局
- html css 响应式布局
- CSS响应式布局实例
- html+css响应式布局
- CSS响应式布局实例
- 响应式布局css写法
- 响应式web布局欣赏
- html css学习笔记-响应式布局的两种基本实现
- CSS修改前端的一些样式等,持续更新...
- 一些css、css3画的效果等,持续更新
- OpenCv里的一些基本函数,持续更新中。。。。。
- OpenCv里的一些基本函数,持续更新中。。。。。
- OC一些基本东西的理解(持续更新)
- web前端之CSS设计指南四:响应式布局说明
- ubuntu系統下配置nfs服務
- Android开发工具之Android Studio--调用系统隐藏方法之操作aidl文件步骤
- Emacs UI 常用设置
- 【动态规划】股票交易日
- 随机知识点
- web响应式布局一些基本css 持续更新
- CSS visibility 属性
- 反向代理No protocol handler was valid for the URL或者启用ProxyPass后报错
- linux 安装 redis3.0
- maven-compiler-plugin
- mybatis的generator的使用问题(亲测通过)
- WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL作用
- suitesparse-metis-for-windows Bug记录
- Java位运算总结:位运算用途广泛