TanJ2014 2019-07-06 19:06 采纳率: 0%
浏览 703

CSS四个宽度为25%的div并排显示并设置border-right

在html网页中，我希望实现四个宽度为25%的div并排显示，占满一排（可适应不同分辨率），并且前
三个设置border-right。但是这样有一个div将会被挤到第二排。

  • 写回答

2条回答 默认 最新

  • 天际的海浪 2019-07-06 21:29
    关注

    设置 box-sizing: border-box; 让边框被包含在宽度之内

    评论

报告相同问题？

  • 让两个Div并排显示的多种方法
    2020-09-25 04:50
    在网页设计中，将两个Div并排显示是一种常见的布局需求。实现这一布局有多种方法，每种方法都基于CSS的不同特性。下面将详细介绍各种实现方式及相关知识点。 一、使用display的inline属性 这种方法是通过将两个Div...
  • 纯css实现让div的四个角成弧形
    2020-09-25 04:07
    标题中提到的“纯css实现让div的四个角成弧形”，实际上涉及到CSS中的圆角（border-radius）属性。在CSS3中，border-radius属性使得开发者可以轻松地为元素的边框添加圆角效果，这在设计美观和用户交互方面非常有用...
  • css如何让多个div并排显示
    2022-07-18 20:48
    铃儿响叮当不响的博客 方法1：每个div的css样式里都加上 float:left; /float:right;方法2： 每个div的css样式里都加上display:inline-block;方法3：flex布局 父元素display: flex; 子元素flex: 1; 这里注意父元素要设定盒子宽度等于所有子...
  • 子元素宽度设置50%无法并排显示的问题
    2018-06-25 14:45
    monkeyfly007的博客 的div并排显示时，却出现了换行的问题。（如下图所示） 解决方法 方法1. width:49%;（虽然解决了布局的问题， 但是还是不明白为什么了宽度设置了50%会失效。） 为了找到原因，专门去百...
  • div和css制作斜线示例分享
    2020-12-13 03:32
    DIV+CSS 斜线效果很简单，只需设置一下CSS Border 的边框就能有斜线效果。代码分享给大家，你可以自己变通。提示要注意两点：1、DIV宽高的定义。2、DIV在 IE6 中默认是有高度的。 上图右边是我们要实现的效果，代码...
  • css怎样实现三个div并排,如何使用CSS并排浮动3个div？
    2021-08-03 19:05
    水云景初的博客 Just give them a width and float: ..., here's an example:Left StuffMiddle StuffRight StuffThe modern way is to use the CSS flexbox, see support tables..container {display: flex;}.container > div ...
  • CSS中父盒子宽度100%，四个子盒子宽度25%，为什么不能排成一行？
    2019-08-28 10:59
    weixin_43509051的博客 今天在学习微信小程序布局的时候发现了一个很有意思的问题：在一个width:100%的父盒子下有四个width:25%的子盒子，但是这四个盒子并不能排在一行中，最后的一个盒子被挤到了下面，并且盒子之间有细微的宽度。...
  • css设置并排,CSS并排排列2个div
    2021-08-03 23:59
    weixin_39645041的博客 如果帮助中省略了设置宽度div，则另一个div应调整大小以占用容器div中的所有空间。它被用于图像/内容设计。我想要它，所以如果没有图像，内容会占用它的空间。这是我的代码：CSS.sub-row-wrapper {background: #f00;...
  • 为什么宽度各为50%的内联块（inline-blocks）不能并排显示
    2019-04-17 09:57
    weixin_30469895的博客 调CSS时有一件事是我们非常困惑，有两个连续...如果这两个元素各自width都设置成50%，那么他们应该并排显示，对吗？ <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charse...
  • css设置三个div宽度占据三分之一
    2024-08-26 10:04
    fengqing5578的博客 我们确保了元素的边框和内边距（在这个例子中设置了内边距）被包含在元素的总宽度内，而不是增加元素的宽度。这种方法是响应式的，意味着无论父容器的宽度如何变化，子元素都会保持其宽度为父容器的三分之一。，意味...
  • 没有解决我的问题, 去提问