微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

浮动兼容对齐_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:22:13
原创
1476人浏览过

回复讨论(解决方案)

代码呢？
贴 http://jsfiddle.net/ 上吧。

23是通过循环1出来的2个DIV，现在想得到1的左边界跟4的左边界对齐，3的右边界跟4的右边界对齐;123都是浮动的。

外层的包裹DIV  设置 text-align:center 里面的DIV不设置浮动  自己就会对齐的。。

外层的包裹DIV  设置 text-align:center 里面的DIV不设置浮动  自己就会对齐的。。
我想问，不浮动如何在同一行上。

css里面的 显示方式有很多种
display：block/inline-block/inline
外层的包裹div 设置 text-align:center
内层的小DIV设置 较小的width  display:inline-block 
就可以让它自动剧中了

是IE6双倍边距的问题，怪不得老是调不齐，这回记住了，下次老老实实把代码贴出来。

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：请问css和js加载的顺序？_html/css_WEB-ITnose 下一篇：向高手询问一个比较弱的css问题<a>为啥包不住<img>_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html代码怎么验证_html表单数据验证方法与正则表达式使用 答案：可通过HTML5属性、JavaScript、正则表达式和约束验证API实现表单验证。使用required、type、minlength、pattern等属性可进行基础验证；JavaScript能动态检查并反馈错误；正则表达式用于匹配复杂格式如手机号、密码强度；ConstraintValidationAPI支持自定义提示与实时校验，提升用户体验。
2025-11-17 15:57:05
938
Mac用RemNote层级笔记整理HTML学习大纲 首先创建HTML学习大纲主节点，再通过Tab键逐级添加子节点形成嵌套结构，接着用双括号[[]]建立语义化标签与表单结构等知识点间的双向链接，随后在img标签等节点插入代码片段并添加说明文字，最后复制已有分支模板快速构建新章节，提升知识整理效率。
2025-11-17 15:46:02
840
html页面缓存如何删除_html页面缓存删除的实用技巧 清除浏览器缓存可解决网页内容未更新问题，具体方法包括：一、清除浏览器缓存，进入设置→隐私和安全→清除浏览数据，选择“所有时间”并勾选“缓存的图片和文件”后清除；二、使用硬刷新，按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制从服务器加载最新资源；三、通过开发者工具禁用缓存，按F12打开工具→Network选项卡→勾选“Disablecache”，保持窗口开启即可；四、修改URL参数，如在网址后添加?v=1或?refresh=true，使浏览器视为新请求；五、调整服务器响应
2025-11-17 15:38:50
844
Windows用AutoHotkey一键生成HTML引入CSS模板 通过AutoHotkey实现一键生成含CSS引用的HTML模板，按Ctrl+Alt+H即可在桌面创建带同名CSS文件的HTML5结构并自动打开，提升前端开发效率。
2025-11-17 15:20:02
287
Linux apache2站点配置HTML与CSS静态资源缓存 启用Apache2缓存需先开启expiress和headers模块，再通过配置Expires和Cache-Control头区分HTML与静态资源策略：HTML设10分钟缓存并must-revalidate，CSS等静态资源设1年缓存并标记immutable，最后验证响应头生效。
2025-11-17 14:42:05
361
Caddy一键HTTPS，HTML+CSS本地站安全又丝滑！ Caddy可一键启用本地HTTPS，1.通过file-server命令快速启动加密站点；2.利用Caddyfile绑定自定义域名并自动获取证书；3.支持HTTP/2与Gzip压缩提升加载速度。
2025-11-17 14:39:00
902
html文件临时缓存如何清除_html文件临时缓存清除的详细教程 清除浏览器缓存可解决HTML文件显示异常或加载旧内容问题，具体方法包括：一、通过浏览器设置清除“缓存的图片和文件”及“Cookie及其他网站数据”；二、使用Ctrl+F5（Windows）或Command+Shift+R（Mac）强制刷新页面；三、手动删除浏览器缓存文件夹，如Chrome路径为%localappdata%\Google\Chrome\UserData\Default\Cache；四、开发者可通过在CSS或JS文件链接后添加版本参数（如?v=2.0）使浏览器重新下载资源。
2025-11-17 13:45:27
216
html转图片工具_html转图片网页版转换器 html转图片网页版转换器可在https://www.html.to.image.converter.tool.web找到，该工具支持多种HTML格式输入，包括标准HTML5代码、内联CSS与外部资源加载、JavaScript动态渲染及响应式布局适配；输出图像质量高且可调，提供PNG格式、多分辨率选择、压缩优化和自定义截图范围功能；无需安装，跨平台兼容主流浏览器，在线使用便捷高效。
2025-11-17 13:31:02
479
使用Cookie持久化禁用JavaScript/HTML测验开始按钮 本文详细介绍了如何利用浏览器Cookie机制，实现在JavaScript和HTML测验中，当“开始”按钮被点击后，即使刷新页面也能保持禁用状态。通过设置和检查Cookie，可以有效防止用户重复启动测验，从而确保测验流程的严谨性与一致性。文章提供了具体的代码示例和注意事项，帮助开发者实现持久化的按钮状态管理。
2025-11-17 13:19:02
899
在CSS中正确使用SVG作为背景图像指南 本文详细介绍了如何在CSS中将SVG文件用作背景图像。核心在于理解相对路径的正确使用，确保SVG文件能够被浏览器正确加载。同时，文章也提供了background-size、background-repeat等关键CSS属性的配置方法，以优化SVG背景图像的显示效果，并针对常见问题提供了解决方案。
2025-11-17 13:18:03
582
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部