檬味博客 » 问答 » css的div控制折行一行有5个怎么写

css的div控制折行一行有5个怎么写

假设图片的宽度为100px,高度为50px;那么5张就是500px，如果在加上图片之间的距离，比如每张之间为10px，那么总的宽度就是500px+40px=540px;那么你的div宽度可以设置540px；或者更大点也行！我以7张图片为例！div{width:540px;overflow:hidden;}div img{width:100px;height:50px;display:block;floa...
css的div控制折行一行有5个怎么写
假设图片的宽度为100px,高度为50px;那么5张就是500px，如果在加上图片之间的距离，比如每张之间为10px，那么总的宽度就是500px+40px=540px;那么你的div宽度可以设置540px；或者更大点也行！我以7张图片为例！
<head><style type="text/css">div{width:540px;overflow:hidden;}div img{width:100px;height:50px;display:block;float:left;margin-left:10px;}div img.first{margin-left:0px;}</style></head><body><div> <img class="first" src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""></div> </body>2013-05-24
计算每张图片宽度，算下5张图片宽度和间距总和，在输出图片外面套个总宽度的div即可。2013-05-24
不想计算图片的宽度，就在图片的样式上加浮动2013-05-24
mengvlog 阅读 28 次 更新于 2025-08-08 01:49:58 我来答关注问题0
3 个回答檬味博客专题活动
  • 百度网友b4851d637 我用css排列一行5个框,总宽度是950px,每个框平均分配的宽度190,加上边框宽度1px后,

  • 深空见闻 如何使用css控制div

    一、内联样式 内联样式直接在HTML元素的style属性中定义CSS样式。这种方式适用于对单个元素进行快速样式调整。步骤：在Dreamweaver软件中新建一个HTML页面，并保存为.html文件。在HTML页面的标签内部，添加需要控制的div元素。例如，添加三个div板块。直接在每个div元素的style属性中书写CSS样式。例如，可...

  • 湖北倍领科技 div+css 如何横向排列,要求横向排两个。超过两个就自动换行!

    1. 创建两个div，并给它们应用float:left样式。2. 在这两个div的外部创建一个父级div。3. 给这个父级div设置宽度，使其恰好容纳两个子div。4. 确保父级div的溢出内容会自动换行。这样设置之后，当内容超过两个div的总宽度时，新的div就会自动换到下一行。这种方法简单有效，适用于大多数需要控制布...

  • 文暄生活科普 CSS——div换行

    若需更精确控制换行，可以使用CSS代码word-wrap: break-word;。在修改后的CSS代码中加入这行，能够实现文字自动换行至下一个行。以下为在不同浏览器下实现div强制换行的策略：在IE浏览器中，可使用white-space: normal;和word-break: break-all;。通过设定，IE浏览器能遵循标准实现强制换行。对于Firefox...

  • 晋城小牛 css中,div如何限制内部文本自动换行?

    1. IE : 在相应位置增加如下样式表定义即可 word-break: break-all;2. FF : Firefox并不像IE那样听话,自从FF的第一个版本至今,仍然没有解决此问题,而上面的方法也不起作用,只能用javascript来控制了,将如下代码放置在需要折行显示的下面即可

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部