边框圆角值的问题、white-space、word-wrap、margin对布局的影响
2024-08-26 11:44:50
1、边框圆角(border-radius)值的问题
border-radius : 7px 7px 7px 0;
四个值的顺序是左上、右上、右下、左下
2、white-space 规定段落中的文本不换行,往往值是弄wrap
3、word-wrap 属性允许长的内容可以自动换行,属性值是break-word 允许 默认不允许
4、margin对布局的影响
margin是外边距 属性值是数字,数字也分正负
正数:margin:20px;
负数:在static(元素)中(标准流下)
margin-left 为负数当前元素向左走
margin-top为负数当前元素向上走
margin-bottom为负数当前元素不动,后面的元素向上走
margin-right为负数当前元素不动,后面的元素向左走
*注:margin为负数会增大当前元素的宽,(前提是当前元素没有设置width)
在float下,margin为负,也就是我们常用的双飞翼 圣杯布局
在absolute下,margin为负,让元素居中,前提是知道元素的高度
margin为负数,无论什么条件都是释放自己的空间,如果自己的margin不够就把自己的宽度贡献出去
最新文章
- JavaScript 构造函数与原型链
- 基于Treeview控件遍历本地磁盘
- SQL基础之基本操作
- 20145205 《Java程序设计》第8周学习总结
- symfony安装笔记
- 将linux用在开发环境中
- phpMyAdmin中sql-parser组件的使用
- Swift—属性观察者-备
- Nutch关于robot.txt的处理
- 距离变换DT
- HTML: width,height
- c++入门篇七
- Object_C 与JavaScript交互使用总结
- 【3-28】javascript简介及语法
- 《python源码剖析》,看看
- Spring boot注解(annotation)含义详解
- VS2015 调试中断点突然失效的解决办法、VS调试时关闭调试让浏览器继续保留页面
- CAS (7) —— Mac下配置CAS 4.x的JPATicketRegistry(服务端)
- P3498 [POI2010]KOR-Beads
- MyEclipse10下创建web项目并发布到Tomcat
热门文章
- 【转】使用git 工具下载android.jar Source Code
- webpack 构建多页面应用
- webpack 的编译原理
- bzoj4169: Lmc的游戏
- vue开发:移动端图片上传
- linux初级学习笔记三:linux操作系统及常用命令,及如何复制和移动文件!(视频序号:02_4)
- 一步一步学Silverlight 2系列(14):数据与通信之WCF
- 黑客技术 —— Linux 命令行
- 移植tslib库出现selected device is not a touchscreen I understand的解决方法
- Code-zabbix:zabbix-3.4-快速入门