分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

HTML和CSS疑点解析

发布时间:2023-09-06 01:17责任编辑:胡小海关键词:CSSHTML

1,让不定宽高的div,垂直水平居中?

父盒子:display:table-cell;text-align:center;vertical-align:middle

div盒子:display:inline-block;vertical-align:middle;

2,CSS强制英文、中文换行与不换行 强制英文换行

1. word-break:break-all;只对英文起作用,以字母作为换行依据2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用,强制换行4. white-space:nowrap; 强制不换行,都起作用5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

3,清除浮动的几种方式

(1)父级div定义  伪类:after和zoom

clearfix:after{content:"";display:block;visibility:hidden;height:0;line-height:0;clear:both;}.clearfix{zoom:1}

(2)双伪元素法:

.clearfix:before,.clearfix:after {content: "";display: block;clear: both;}.clearfix {zoom: 1;}

HTML和CSS疑点解析

原文地址:http://www.cnblogs.com/JennyGao/p/7661774.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved