问题标签 [box-sizing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS 重置边距和填充
如果我将 box-sizing 属性用于边框框,它是否会使边距和填充重置为 0 无关紧要,还是我应该做的事情?
IE
css - 我是否正确,只要不使用填充属性,我就不需要使用 box-sizing 来创建固定宽度的元素
我是否正确,如果我指定width
了一个 HTML 元素(例如 a )来保持宽度固定,那么只要我只使用和属性button
就不需要指定?我想创建固定宽度的按钮。我发现以下两种方法给出了相同的结果。我是 CSS 新手。我想确保我已经正确理解了这个概念并且没有遗漏任何极端情况。box-sizing
padding-top
padding-bottom
方法一:创建一个固定宽度的按钮。不使用padding-top
和padding-bottom
属性调整大小。
方法2:创建一个固定宽度的按钮。box-sizing
与padding
属性一起使用
html - box-sizing 不适用于带有 inline-block 的 li
我不知道为什么,但只有在我的页脚中,li 在 inline-block 和活动类的border-top 中,我的 box-sizing : border-box 不起作用。
当课程处于活动状态时,顶部有一个边框,底部有一个间隙。
这里有一个例子:
我怎么解决这个问题 ?
谢谢 !
html - box-sizing:边框框;不影响文本区域
textarea
我根据我的布局的其余部分搜索了一种调整 a 大小的方法,并偶然发现了 box-sizing 方法。我可能没有正确使用它,因为它对我不起作用。我有一个显示 3 个不同行的布局。中间行应该显示一个文本输入字段,下面是所有最近的帖子。现在我希望与textarea
其他帖子的宽度相同。
HTML
和CSS
html - 为什么“box-sizing”属性无法显示我的“i”图标?
我想让这些“i”图标之一出现在我网站上的名称旁边,以便人们可以单击它并查找更多信息。我有这个 HTML
和下面的风格
问题是我也有这种风格
我需要在我的网站上添加很多其他元素,它似乎与我的“i”图形出现的方式不同——https: //jsfiddle.net/ds9sqr0y/。它似乎也没有出现在名称旁边,但也许这是一个单独的问题。
css - 对css中的所有元素进行盒子大小调整
这段代码的含义是什么?请解释为什么这必须在我的代码中?
css - box-sizing - 'outline' 在 'border-box' 或 'content-box' 中计算?
计算框的宽度和高度时,轮廓宽度如
如果box-sizing:border-box
, 框的宽度/高度是否会考虑轮廓?
html - 盒子尺寸的替代品
我有这个盒子,我想让它响应
我想使ul
100% 宽度和 li 以填充为中心,但如果 add padding
,li
则超出ul
宽度。我不想用box-sizing
请问有没有其他方法可以box-sizing
实现这一目标?