文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

php网页的布局是什么意思

2024-04-02 19:55

关注

这篇文章主要为大家展示了“php网页的布局是什么意思”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“php网页的布局是什么意思”这篇文章吧。

  一。 网页的布局方式

  1.什么是网页的布局方式?

  网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的;分为:标准流,浮动流,定位流

  1.标准流(文档流/普通流)排版方式

  1.1其实浏览器默认的排版方式就是标准流的排版方式

  1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素

  1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版

  垂直排版, 如果元素是块级元素, 那么就会垂直排版

  水平排版, 如果元素是行内元素/行内块级元素, 那么就会水平排版

  2.浮动流排版方式

  2.1浮动流是一种"半脱离标准流"的排版方式

  2.2浮动流只有一种排版方式, 就是水平排版。 它只能设置某个元素相对于父元素左对齐或者右对齐

  注意点:

  1.浮动流中没有居中对齐, 也就是没有center这个取值

  2.在浮动流中是不可以使用margin: 0 auto;(是无效的)

  特点:

  1.在浮动流中是不区分块级元素/行内元素/行内块级元素的

  无论是级元素/行内元素/行内块级元素都可以水平排版

  2.在浮动流中无论是块级元素/行内元素/行内块级元素都可以设置宽高

  3.综上所述, 浮动流中的元素和标准流中的行内块级元素很像

  3.定位流排版方式

  二。 浮动元素的脱标

  1.什么是浮动元素的脱标?

  脱标: 脱离标准流

  当某一个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了一样, 这个就是浮动元素的脱标;

  2.浮动元素脱标之后会有什么影响?

  如果前面一个元素浮动了, 而后面一个元素没有浮动 , 那么这个时候前面一个元就会盖住后面一个元素;

  三。 浮动元素排序规则

  浮动元素排序规则 :

  1相同方向上的浮动元素, 先浮动的元素会显示在前面, 后浮动的元素会显示在后面

  2不同方向上的浮动元素, 左浮动会找左浮动, 右浮动会找右浮动

  3浮动元素浮动之后的位置, 由浮动元素浮动之前在标准流中的位置来确定(如果元素浮动前在标准流中的第一行,那么它浮动后就在第一行显示,如果浮动前在标准流中的第二行,浮动后就在第二行显示)

  四。 浮动元素贴靠现象

  什么是浮动元素贴靠现象?

  1.如果父元素的宽度能够显示所有浮动元素, 那么浮动的元素会并排显示

  2.如果父元素的宽度不能显示所有浮动元素, 那么会从最后一个元开始往前贴靠

  3.如果贴靠了前面所有浮动元素之后都不能显示, 最终会贴靠到父元素的左边或者右边

以上是“php网页的布局是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯