框大小-“轮廓”是在“边框”还是“内容框”中计算的？
框大小-“轮廓”是在“边框”中计算的。
在前端开发中，一个元素的框模型由内容框、内边距、边框和外边距组成。其中，边框是围绕内容框的可见边界，用于定义元素的外观和大小。
框大小指的是元素的整体尺寸，包括内容框、内边距和边框的总和。而“轮廓”是指边框的可见部分，可以通过CSS的outline属性进行设置。
在计算框大小时，轮廓是在边框中计算的，即轮廓的大小会影响元素的总体尺寸。具体而言，框大小 = 内容框大小 + 内边距大小 + 边框大小。
在实际开发中，可以使用CSS的width和height属性设置内容框的大小，使用padding属性设置内边距的大小，使用border属性设置边框的样式、宽度和颜色。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
2回答
虽然我在理论上确实了解整个CSS框模型，如填充、边框、边距，但我的理解仅限于这些单独的部分。
我经常搞不懂浏览器实际上是如何呈现它的。例如，Like padding在边界内，但是如何计算边距？它是框边框还是相对于屏幕？如果我们同时给左边距和右边距，哪个优先级更高？如果有宽度和左/右边距，实际渲染是如何进行的，就像首先制作框的宽度，然后是填充还是什么样子？
添加到这个带边距的框中的浮动属性有什么不同？
浏览 6提问于2011-08-27得票数 4
回答已采纳
我正在学习css，并且很难理解为什么html是这样呈现的：
我能理解为什么红色的边框从顶部和左边被切断。这是因为轮廓线不占用空间，因为它们是从框外画出来的：。在本例中，它们是在<body>元素之外绘制的。
然而，对为什么从顶部切断边界感到困惑。有什么想法吗？什么css可以应用于<span>元素以使整个轮廓和边框显示？也认为将内联元素放在块元素(如)旁边可以吗？
浏览 6提问于2012-02-08得票数 1
回答已采纳
3回答
CSS -放大/缩小时的边框重叠
、、、、
所以我有这个布局，每个盒子周围都有一个1px的边框。在这些框中，背景是一个在顶部和底部都有1px边框的渐变(使其看起来像一个按钮)，但有时当我放大或缩小时，在黑色轮廓和框的底部边框之间会出现一条1px的白线，或者它变得比容器更大并超过黑色轮廓。
这里有一些截图来展示我的意思：
我的代码是：
.main-canvas-container {
height: 1444px;
width: 830px;
margin: 0 auto;
margin-top: 350px;
position: relative;
border: 1px so
浏览 1提问于2014-05-02得票数 1
1回答
这就是MDN定义的方式。
边界-图像-开始属性描述边界图像区域超出边界框的范围。
我所理解的
现在我的图像将覆盖区域边界-图像-开始+边界宽度+边界-图像宽度。
但我的例子告诉我，我的理解是错误的。为了简化起见，我没有定义任何边框图像宽度。我们将只使用边框宽度+边框图像输出，但是，我们将使用大纲速记属性来查看实际边界的位置。
使用的边界图像：
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
浏览 1提问于2017-02-17得票数 2
回答已采纳
2回答
拆下包围盒轮廓
、、、、
我有这张照片
当我申请
from skimage import filters
result_sobel = filters.sobel(image)
图像是
如何删除边框轮廓，使其与背景混合？
理想情况下，输出将是黑色背景，红色之间没有轮廓包围框。
浏览 2提问于2020-03-04得票数 4
回答已采纳
3回答
我正在尝试对此中显示的布局进行建模。
如果你看一看，它有许多文本框/复选框/按钮，几个对角线控件，以及另一个单独的控件(在红色轮廓中)。
下面的屏幕截图显示了当复选框在单独的控件中被选中时我希望发生的事情。
关于如何布置和处理这些对角线部分，有什么建议吗？我试着只旋转带边框的textBlocks，但边框仍然是矩形的，而不是像图像中那样被切掉。我在让它们正确定位时也遇到了一些问题。我还需要这些对角部分的宽度以某种方式绑定到红色边框中那个单独控件的复选框/文本框部分。
我唯一的选择是旋转无边框的textBlocks并使用路径自己绘制线条吗?为了扩展宽度，将它绑定到我单独控件的某个属性上？
谢谢你的
浏览 0提问于2010-11-11得票数 4
回答已采纳
我正在使用css outline属性，如果后代元素在外部，我发现它在Chrome和Firefox之间的工作方式不同。
在Chrome中，outline仅适用于自己的范围，即使任何子代元素都在其自身区域之外。
在Firefox中，outline是包含所有子代元素的所有范围。
<div style="
margin: 100px;
width: 100px;
height: 100px;
background: blue;
outline: solid 1px red;
position:
浏览 1提问于2018-03-08得票数 0
关于框的边距、边框、填充区和内容区，区域(边距、边框、填充区和内容区)和框(边距框、边框、填充框和内容框)之间的区别是什么？
例如，如果它们是相同的东西，边框只是一个区域之间的边距框和填充框的厚度由border-width属性决定？border-box属性中的box-sizing值是否使width和height引用此区域？
也是由margin确定的页边距框的大小。
浏览 6提问于2022-07-03得票数 1
回答已采纳
我想要的是将eps文件添加到有文本写入的临时ps文件中，然后我使用ghostscript将ps文件转换为eps文件，但是当我在AI大纲模式下看到我的eps文件时，我看到eps文件周围有额外的方框，这是大小框，它不应该在那里，它应该是单个复合框的一部分
Ghostscript版本是9.05，在我将eps包含到ps中之前，我需要调整它的大小。因此，调整大小的eps文件将页面边框显示为轮廓模式。它实际上不在那里，但当它进入机器时，它会切出不应该是这样的路径。
浏览 0提问于2014-01-17得票数 0
可能重复：
css边框阴影属性是增加元素的大小，还是在元素后面添加而不影响其他元素？
因此，假设我的div宽度是100 1px，边距10 1px，边框1 1px，填充5 1px，框影2px，是元素136 1px(包括以上所有内容)或132 1px(仅前四位)的总宽度。
浏览 2提问于2012-03-08得票数 9
回答已采纳
说：
The percentage is calculated with respect to the height of the generated box's containing block.
因此，我们有一个包含子元素的包含块。子元素具有height: 100%或其他百分比。
如果包含块具有高度、填充和边框集，是否将子元素的高度计算为包含块的内容框高度、填充框高度、边框高度的100%？
如果我们更改容器块的装箱大小，但也进行其他更改，例如容器块的内容框/填充框/边框大小不改变，那么子元素的大小是否会受到影响？
编辑:显然填充框是实验性的，只有FF支持.
浏览 1提问于2015-07-08得票数 2
回答已采纳
2回答
我有一个简单的纯html/css边框的问题。
如果我这样做的话：
#demoDiv {
border: solid 1px black;
background-color: green;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
}
此cssText会将ID为"demoDiv“的div-element样式化为带有黑色边框的绿色框。盒子应该是102px高和102px宽，对吗？
但现在我的问题来了.Firefox告诉我，这个盒子的高度和宽度都是101,6px。
唯一有效的边框宽度是"0“--其他的
浏览 0提问于2020-05-11得票数 0
2回答
所以我有一些Jquery可拖放的跨元素，在我的网站添加了Bootstra3.0之后，它的高度缩小了，这是一个问题，因为它们是我的文档标记/定位应用程序的一部分，需要保持相同的高度。我发现罪魁祸首是
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
在Bootstrap.css中。如果我评论-webkit-方框大小:边框；，框大小:边框；或-moz-box-sizing:边框；单独地，我的问题仍
浏览 4提问于2013-11-19得票数 0
回答已采纳
11回答
谁能解释一下如何删除文本/输入框周围的橙色或蓝色边框(轮廓)？我认为只有在Chrome上才会显示输入框处于活动状态。下面是我使用的输入CSS：
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
浏览 10提问于2010-08-03得票数 1557
回答已采纳
2回答
在使用jquery编程聚焦的某些小图像周围，我得到了一个奇怪的轮廓。我该如何解决这个问题呢？
我需要一个边框，因为我有一个:focus类，它定义了我希望轮廓是什么颜色。但是，当我删除边框并将1px solid #2b5367;添加到轮廓时，或者删除轮廓并将边框设置为1px solid #2b5367;时，我会得到如下结果：
这也不是我想要的。我希望第一张图片中的外边界出现，但里面的边界不在那里。
这里是小提琴：
浏览 2提问于2015-03-19得票数 0
因此，我使用Semantic-ui进行编码，并且在一个flexbox容器中有两个相邻的切换框(复选框)。当窗口大小减小时，它们会围绕在一起，这样一个窗口就会覆盖在另一个窗口之上。
为了让它们分散一点，我添加了大约5px的右侧和底部填充。然而，我注意到一种奇怪的行为。填充会导致盒子水平移动，但当垂直堆叠时，它们之间没有空间，即使每个盒子上都有底部填充。
进一步的调查显示，复选框的box-sizing属性被设置为border-box。在阅读之后，我发现border-box框模型计算宽度和高度来包括填充和边框。
复选框的高度指定为1.5rem。
我的问题如下。据我所知，当使用边框时，填充不应该改变元
浏览 2提问于2015-01-08得票数 3
2回答
当涉及到带有圆形边框的元素上的多个框阴影时，我在IE11中看到一个呈现问题。在这个用例中，我尝试不使用边框，而只使用框阴影来创建按钮的一些清晰轮廓。
box-shadow: 0 0 0 1px #000000 inset, 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
background-color: blue;
color: white;
display: inline-block;
padding: 5px 10px;
text-decoration: none;
这个CSS应该创建一个带有黑色轮廓和白色内联的框，如下所示：
到目前一切尚好
浏览 1提问于2014-04-29得票数 2
回答已采纳
2回答
我遇到了一个框及其相关的css轮廓样式的问题。当框被聚焦时，它应该有一个蓝色的轮廓(工作)。在表单验证中，如果出现问题，则添加.error类来更改轮廓和背景颜色为红色(不起作用)
关于focus，我有一个风格：
input, select {
font-size: 10pt;
border: solid 1px #9598a0;
padding: 2px;
}
input:focus{
background: #EFF5FF;
color: black;
outline: solid 2px #73A6FF;
}
对于错误，请执行以下操作：
i
浏览 0提问于2013-02-12得票数 6
回答已采纳
1回答
我有一个必填的字段，它工作得很好。我有一个带有"required“标签的字段，这样每次屏幕初始化时，该字段的框周围都会有一个红色的轮廓。这是一个带有(s)的select，并且红色轮廓在初始化期间工作。但是，一旦我放弃了一些更改并将字段设置为null或空字符串(即field = "")，红色的轮廓就消失了。为什么会这样呢？
下面是一些HTML：
Status: <select ng-model="customerStatus" data-z-required required>
<o
浏览 0提问于2014-12-10得票数 0
如何从google chrome的下拉列表中删除黄色边框？
文本框很好，它们显示了很棒的蓝色轮廓，但下拉框不显示。
提前感谢！
浏览 0提问于2012-04-22得票数 4
回答已采纳
1回答
我用两个数字输入的自定义轮廓和框阴影制作了。在Google中，我看到了奇怪的黑色-灰色边框，集中在底部输入元素上。
对于此输入，我使用
.shadowBox:focus {
outline: 1px black dotted !important;
box-shadow: 1px 1px grey;
}
如果我设置box-shadow: none，这个奇怪的边框就不会出现。我做错了什么？
浏览 1提问于2020-09-28得票数 0
1回答
我有一个视频剪辑，鱼在水槽里游泳，水面上漂浮着小颗粒。所以，运动的物体是游动的鱼和数以百计的粒子。这是的链接。
我的兴趣是在每一帧中正确地定位鱼。
当前，我的过程如下：
通过将RGB转换为HSV颜色空间，消除每个帧中的光反射(移动噪声)。
应用背景减法cv2.BackgroundSubtractorMOG。
使用冲蚀和膨胀来消除大部分移动粒子的噪音。
在二进制图像中查找所有的边界轮廓，并计算所有块的旋转边框。
计算所有旋转包围盒的高宽比。
使用简单的标准来识别前景帧中的鱼:如果一个blob超过一个像素，那么检查它的旋转包围框的高宽比。如果它有最大的纵横比，它被认为是鱼。
浏览 14提问于2017-08-14得票数 1
1回答
我在这里仔细研究了其他一些贴切的答案，但找不到任何解决问题的方法。
我有一个多边形，围绕一个轴的位置旋转，我需要找到多边形的包围框。本质上，边界框对象应该具有左上角的x和y位置，以及框本身的width和height。我可以用这段代码计算多边形的方框，但它也不考虑旋转。红色方格是不旋转的当前包围框，绿色圆是旋转轴，多边形是多边形本身。
理想情况下，我不想重新计算每个调用中的每个顶点位置来获得边界框，我希望它在数学本身中。下面是一个没有旋转的多边形和边框的例子：
下面是我为非旋转多边形查找边界框的当前代码：
const minX = Math.min(...this.vertices.m
浏览 2提问于2019-05-12得票数 1
回答已采纳
我在Angular with mat对话框中遇到了一个问题，当我减小屏幕尺寸时，框缩小了，一些元素不会被对话框裁剪/隐藏，而是直接跳出来……
此外，当我用chrome检查器检查有问题的元素时，我看到元素的轮廓是虚线的，我以前从来没有遇到过这个问题，每当我将鼠标悬停在某个东西上检查它时，它只是变成了蓝色，没有虚线……
可能的问题是什么？为什么对话框不包含此元素？
其他的东西，比如文本会被覆盖，或者和对话框的边框一起移动，比如Apply，Cancel和‘X’(关闭)按钮。我不明白..。
以下是演示此问题的图片：
有没有人知道出了什么问题？
浏览 0提问于2020-06-28得票数 1
3回答
要删除JQuery UI对话框按钮的轮廓，我需要修改/更改哪个类。我似乎找不出哪个类正在应用“X”按钮周围的边框/轮廓。当我点击按钮时，轮廓消失了。
我使用这个CSS：
浏览 6提问于2013-05-24得票数 4
回答已采纳
1回答
当用户在文本框中输入错误的内容时，我想将轮廓颜色放入文本框中。问题是IE8不支持outline属性(至少我测试没有成功)，所以我改用border：
但是我想在IE8上使用border，在支持它的浏览器上使用outline。
.myclass
{
border: ; // IE8 should use this
outline: ; // Browser that support it must ignore the above one and get this.
}
我用IE8和Chrome进行了测试，这两个属性在Chrome中都有应用，在IE8中只应用了边框。
示例：
.myclas
浏览 2提问于2012-11-22得票数 0
回答已采纳
在Google Docs绘图中，如何将左边框的橙色背景和红色轮廓转移到其他框，例如Excel和Google电子表格中的“格式传输”图标(扫帚)：
📷
浏览 0提问于2010-12-31得票数 2
1回答
我的Jquery程序包括创建边界以防止div从容器中退出。但是在 (容器是白框)中，左边框比容器的position().left属性更左，右边框比$(".container").position().left()+$(".container").width()更左。
这是否是由我的基本html格式
<html>
<body>
<div class ="main">
<div class = "container></div>
浏览 3提问于2016-05-29得票数 0
回答已采纳
2回答
我使用的是vue swiper - https://swiperjs.com/vue，基本上我有一个带有Lazy模块的垂直swiper，这样我幻灯片中的图像就会以一种懒惰的方式加载。我的代码非常简单： <Swiper>
<SwiperSlide>
<div class="flex items-center gap-5">
<div class="overflow-hidden rounded-full w-14 h-14">
<img
:data-src=&#
浏览 63提问于2021-11-10得票数 0
回答已采纳
2回答
如何计算轮廓轮廓内像素的黑白比(而不是边框)？
用cv::threshold(src, img, 0, 255, cv::THRESH_BINARY | cv::THRESH_OTSU);对图像进行预处理，然后倒置img = 255 - img;。
我通过cv::RETR_EXTERNAL查找表(等高线)的矩形轮廓。我要计算轮廓内的黑色像素。
图像中可以有其他成分，所以我不能只计算所有非零像素。
这是在二值化和倒置之前的原始图像。
浏览 2提问于2019-03-25得票数 1
回答已采纳
3回答
textarea {
outline: none;
}
<textarea></textarea>
这个问题真的很困扰我，还是找不到解决方案，为什么我的textarea坏了，或者随机地显示出黑色或蓝色的轮廓？我在Chrome上没有问题。可以通过鼠标单击将其删除...这是它在IE中的方式，如下所示：
断开的轮廓或边框：
浏览 5提问于2018-08-21得票数 0
我通常可以很好地使用Chrome Web Developer扩展来勾勒元素的轮廓，调试CSS等，当这些不能完成任务时，我会使用Firefox版本(原始的，更高级的版本)，但我真正想要的是一个工具，它可以勾勒出元素的“轮廓”，显示“核心”元素，它的填充，它的实际宽度的边框，以及它的边距。
有没有适用于Chrome或Firefox的工具？
浏览 0提问于2011-08-03得票数 3
回答已采纳
<button type="submit" style="padding: 10px;">Button</button>
没有填充，但是：
<button type="submit" style="padding: 10px; background: #ff0000;">Button</button>
确实有填充。
这会不会是FF的bug呢？我已经在其他浏览器上测试过了，它和预期的一样工作。我也尝试过其他css，它们没有效果，只有背景效果。
好的。那么，既然没有人是answerin
浏览 0提问于2012-11-24得票数 0
回答已采纳
有很多网页讨论vh和大众相对于百分比。(我正在运行Chrome )。在我看来，100 my应该意味着浏览器窗口的确切大小，无论我是扩展它还是缩小它--当我在div周围画一个边框，即100 my时，它确实与这个宽度相匹配。然而，100 of总是溢出屏幕底部。我玩过：
html, body {
height: 100%;
width: 100%;
}
and
html, body {
height: 100vh;
width: 100vw;
}
当我在100 of和100 the的div周围画一个边框时，这个框会溢出屏幕的底部。
我在这里漏掉了什么？对我来说，100 me转到
浏览 0提问于2018-02-20得票数 1
回答已采纳
1回答
类似于Bing.com的搜索框，我想做一个文本框，它看起来像是文本框中有一个图像(即搜索引擎的放大镜)。意识到这是不可能的，我决定使用CSS使文本框不可见，并在两者周围简单地创建一个空白边框。这种方法的问题是，当有人单击文本框时，它的轮廓无论如何都会出现，这使得隐藏它变得多余。
如何才能使文本框在单击时显示其自身的任何轮廓？
浏览 3提问于2011-07-13得票数 1
1回答
部分图像的Opencv高度/宽度
、、、、
我有一张像这样的照片。在每次迭代时，非黑色部分被展开。所以，在某个点之后，我需要放大最后的图像，这样非黑色的图像才能适应。现在，我要做的是找到非黑色图像的轮廓，找到等高线的边框，并检查框的宽度/高度。它第一次工作，但经过一些迭代，我的程序找到了一个1大小的边框(它似乎找不到任何轮廓)。有什么问题吗？
Ps:该程序是一个视频文件的马赛克，我遵循opencv教程寻找同形和其他东西。
编辑对不起但我不得不删除图像
浏览 3提问于2015-04-08得票数 0
1回答
Windows7和Vista上的窗体比XP上的窗体边框更粗。因此，一些跨越整个表单高度或宽度的内容将被截断。有没有一种简单的方法来解决这个问题，或者我的应用程序的所有表单都需要调整大小来适应这个问题？
更新:这似乎是窗体大小的错误，而不是导致问题的边框。有关示例，请参见下图。请注意，这些控件在右上角的位置是正确的，但在Windows 7中它们会到达每个窗体，而在XP中会保留一个边框。相同的代码用于调整控件的大小和位置。
下面是XP中的表单：
浏览 0提问于2009-12-15得票数 2
回答已采纳
如何删除从下拉菜单中选择项目时显示的虚线边框/轮廓？
你可以看到显示了一个虚线的边框/轮廓，我想删除它(在Firefox中截图)。
尝试以下解决方案未将其删除：
select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
outline: none;
border: none;
}
HTML就是这样的：
<select name="order">
<option value="desc">Newest to
浏览 0提问于2012-02-03得票数 19
回答已采纳
我正在向导航栏中添加一个UIButton (带有背景图像)，并使用边框设置圆角。我在角落里有个奇怪的黑色轮廓：
下面是我用来从viewDidLoad创建按钮的代码
ProfileImageService *profileImageService = [ProfileImageService getService];
CGRect frame = CGRectMake(0, 0, 32, 32);
UIButton *button = [[UIButton alloc] initWithFrame:frame];
[button setBackgroundImage:profileI
浏览 7提问于2014-06-08得票数 2
回答已采纳
1回答
据我所知，使用box-sizing:content-box时，当以百分比形式设置元素的填充和边距时，它们将是实际内容区域宽度的百分比。因此，一个300px宽的图像50%的边距，与其填充没有任何关系，将创建150px宽的边距，因此实际大小为450px宽度(+填充)。
现在，当我使用box-sizing:border-box时，宽度被定义为content+padding+border。如果我用百分比设置边框中元素的填充，它会引用这个不同的宽度定义，从而引用它自己吗？如果不是，它只引用内容的宽度，在这种情况下，内容宽度本身也取决于填充和边框的宽度(内容框宽度(width=-box width )-边
浏览 10提问于2017-02-04得票数 0
4回答
当我查看我创建的盒子的实际宽度和实际高度时，大小由我在计算中一直知道的情况来确定：
宽度=边框+填充+内容的宽度
高度=边框+填充+内容的高度
但是在w3.org上，它说:框的宽度是由左右边距、边框和填充以及内容宽度之和决定的。高度由顶部和底部边距、边框和填充以及内容高度之和来表示。
那是哪一种？我知道边距对盒子模型很重要，但是它不影响盒子的大小。
div {
border: 1px solid black;
height: 200px;
margin: 2px;
padding: 5px;
width: 200px;
}
/*200px + 2
浏览 11提问于2016-10-17得票数 2
回答已采纳
我已经设置好了这个基本的小提琴。
正如我在标题中所说的--在IE7/8中，当使用IETester浏览时，几乎总是添加到链接的轮廓虚线边框是不可见的，但边框在IE9兼容模式下显示。
由于另一个开发人员只使用IE9，所以他正在使用兼容模式测试页面，并反复通知我必须删除虚线边框。
不过，这是我第一次看到那些防止轮廓边框的东西。
嗯，对我来说，这似乎不仅仅是错误和奇怪的，特别是当有很多链接的时候，所以我现在问这里。是仅仅是IE9兼容模式的错误，还是我真的必须附加onfocus代码片段？
a, a:focus
{
outline: none;
}
但它似乎不起作用。
也许使用原生IE7/8的
浏览 0提问于2012-10-04得票数 1
回答已采纳
2回答
在OpenCV或对象检测模型中，它们将包围框表示为4个数字，如x、y、宽度、高度或x1、y1、x2、y2。
这些数字似乎是模糊的，但当分辨率很大时，它是好的。但这让我认为，当图像分辨率很低时，例如8x8，一个像素的错误会导致事情变得非常糟糕。
所以我想知道，当你说一个边框有x1=0，x2=100，这到底是什么意思？
具体来说，我想在理解清楚的情况下澄清这些困惑：
是边框边框占据第0像素还是围绕第0像素(其边框位于x=-1)？，边框的确切结尾在哪里？如果图像有shape=(8,8)，结束时是7还是8？，如果要表示占据整个图像的边框，它的值应该是什么？
所以我认为正确的问题应该是，我如何凭直觉看待
浏览 0提问于2019-12-20得票数 1
回答已采纳
在聚焦<button>标记时，我无法删除其文本周围的虚线边框。
我试过了
border:0, outline: 0
属性。这些属性仅从<button>中删除边框和轮廓，但文本周围的边框出现在按钮的焦点上。
这是我的小提琴：https://jsfiddle.net/souviksarkar86/4shqvaq8/
浏览 3提问于2016-10-21得票数 1
我试着建造这个：
现在，我正在通过在一个flex框中完成所有文本的操作来构建这个框架，并让两个兄弟姐妹完全定位在带有部分边框的框中，以生成行，如下所示：
<ContainerView>
<TextSection />
<LeftFloat />
<RightFloat />
</View>
这在不同的屏幕尺寸上并不是很好，因为我必须告诉那些边框如何高和高。文本在不同的屏幕尺寸上占据不同的高度/宽度，所以没有一个大小一致的值，即使是屏幕百分比，也不适用于所有设备的边框。
我试着做了一些类似这样的事：
&
浏览 3提问于2022-10-06得票数 0
回答已采纳
每当我在一个工具提示对话框中单击时，这个边框就会出现在它周围。
有什么简单的方法可以除去这个吗？
编辑：尝试在不同的浏览器后，它似乎只影响Chrome，轮廓没有出现在火狐或IE。
浏览 4提问于2016-06-21得票数 0
回答已采纳
2回答
我想知道为什么我为子div定义的边框不包含元素。我使用div标记定义了两个框，并将边框应用到子div元素。
#box {
height: 500px;
width: 500px;
background-color: orange;
}
#upper-half {
height: 50%;
width: 100%;
padding: 0px;
border: 5px solid black;
}
<html>
<head&g
浏览 2提问于2018-07-14得票数 0
1回答
想知道是否可以删除嵌入在页面内的iframe焦点上的虚线边框？iframe包含一个表单，该表单在包含它的页面上的一些输入框中使用to键。焦点边框看起来很难看，想要去掉它。我已经尝试在iframe中将frameborder设置为0，添加hidefocus属性，并通过CSS将边框和轮廓设置为0，但都没有效果。任何帮助都将不胜感激！
浏览 3提问于2012-08-07得票数 2
1回答
用基础制作箱体
、、
我有一个psd，我正在改为css/html/js。
该框的大小为646 * 250，背景为白色/带有浅灰色边框。它也在页面中间居中。
我安装了地基。我对基础的了解并不局限于导航栏、网格系统、按钮和表单。我的css技巧包括在指南上查找标签。
这是我所做的css包含的基础，还是我应该混合在一起的基础？
我应该使用哪些css标记？或者想起来了？
I代码及其在rails应用程序视图上的工作。该框应该以更好的格式显示后端的数据。
浏览 1提问于2014-04-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
