草庐IT

auto-correcting

全部标签

html - 使用 overflow-x : auto;"时,有没有办法在我的表格和滚动条之间放置一个空格

我有一个像这样的简单表格:......#table-overflow{position:absolute;top:10rem;right:3rem;left:3rem;bottom:2rem;display:block;overflow-x:auto;}当有很多行和列时,滚动条会按预期出现。当宽度大于表格时,我会在右侧看到一个垂直滚动条,表格数据会一直上升到该滚动条。有什么方法可以在不使用jQuery滚动条插件的情况下在垂直滚动条左侧和水平滚动条上方留出空间吗?我想看到的是这样的:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxvx

html - flex-basis auto和0(零)的区别

这两个值有什么区别?我已经测试了很多示例,它们给出了完全相同的结果...有人可以给我一个示例,其中flex-basis:auto;没有给出与flex-相同的结果基础:0; 最佳答案 在大多数情况下,“0”和“auto”flex-basis会有所不同:数值被解释为特定宽度,因此零与指定“width:0”--因此会将元素折叠到给定内容的最小可能宽度,或者如果其溢出被隐藏或元素可直接调整大小(例如图像),则将其自身归零。.f{display:flex}.fdiv{border:1pxsolid}.zero{flex-basis:0}.au

html - 为什么高度是:auto not working on 2 floating elements?

这个问题在这里已经有了答案:Whydoesn'ttheheightofacontainerelementincreaseifitcontainsfloatedelements?(7个答案)关闭8年前。div#inner1和div#inner2在div#outer里面,但是还是div#outer的高度使用height:auto显示为0px。如何获取外部div的子元素的高度?这是我的代码:#outer{width:300px;height:auto;background:#ccc;}#inner1{float:left;width:100px;height:100px;background

html - <div> 变成 <tr> : is it correct?

这段代码是否正确?.........不知道语义(和W3C规则)。你能说些什么? 最佳答案 不,这是无效的。tr元素只能包含th和td元素。来自HTML4specification: 关于html-变成:isitcorrect?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7051219/

html - 横向菜单 : how to float right but keep the menu items in the correct order?

我对水平菜单(.drop_menuli)使用float:right,因为我希望菜单与屏幕右侧对齐(Logo与左侧对齐)。它工作正常,唯一的问题是我的菜单项现在的顺序错误(链接3然后链接3然后链接1而不是相反)。有没有办法解决这个问题?非常感谢http://jsfiddle.net/eLSbq/LogoLink1SubLink1SubLink2Link2SubLink1SubLink2SubLink3SubLink4Link3SubLink1SubLink2SubLink3SubLink4.header{width:100%;background:#fff;color:#124191;f

html - 为什么margin : auto only work horizontally and not vertically?

我已经看到,在开发网站时,将一个容器(固定高度)垂直居中放置在一个随机高度的容器内,对于Web开发人员(至少是我)来说总是一个噩梦,而当涉及到水平居中容器时(固定宽度)在随机宽度的容器内,margin:0pxauto;往往是标准模型中的一种简单方法。当事情可以这么简单时,为什么CSS不能与margin:auto0px;一起工作,当涉及到将固定高度的容器居中放置在随机高度的容器中时?这样做有什么具体原因吗? 最佳答案 这真的没有您想象的那么可怕,只是不要使用边距。vertical-align确实是您应该依赖的流体高度垂直居中。我拼凑了

html - 即 11 : Image doesn't scale down correctly within flexbox

我正在尝试使用flexbox将两张图片放在一列中。在这种情况下,div容器的width小于图像的width。在Chrome中,图像完全适合div容器,但在IE中却不适合,我不知道为什么。div.outer{width:400px;display:flex;flex-direction:column;justify-content:space-around;}div.inner{width:100%;border:1pxsolidred;}img{width:100%;height:auto;}https://jsfiddle.net/Yifei/16cpckqk/这是我在IE11中得到

html - "Correct"在 HTML 中标记推荐的方法

我原以为这很容易在网上找到,但事实并非如此。我正在尝试找出在页面上标记推荐列表(引用作者)的正确方法。例如"ThisiswhatIthink"-MyName,MyCompany我想引用应该放在block引用中。我还看到一些使用cite来显示引用的来源,但HTML引用似乎表明这应该用于给出引用来自的网页的URL,而不是人名。有人对如何标记它有什么建议吗? 最佳答案 “旧”方式:我可能很晚才插话,但我认为以下是标记推荐的正确方法:"ThisiswhatIthink"—MyName,MyCompany根据W3C规范:...thecitat

html - 为什么 "display: block"和 "width: auto"不拉伸(stretch)一个按钮来填充容器?

这个问题在这里已经有了答案:WhatisitintheCSS/DOMthatpreventsaninputboxwithdisplay:blockfromexpandingtothesizeofitscontainer(6个答案)关闭3年前。当我在按钮上设置display:block;和width:auto;时,我希望按钮像其他block元素一样拉伸(stretch)以填充容器.出于某种原因,它没有,至少在最新的Chrome中没有。在谷歌搜索时,我发现很多人都在问同样的问题,他们对“我如何拉伸(stretch)我的按钮来填充容器?”的回答很满意,这就是不是我感兴趣的。(我完全能够按我需

html - 我怎样才能让一个绝对定位的 div 扩展到它的 relativley 定位的父级之外,它有溢出 : auto?

我有一个相对定位的div,它设置了overflow:auto。在里面,我有一个div,它充当一种下拉菜单。我希望下拉div在需要时扩展到父级之外,但它正在被裁剪,因为父级具有overflow:auto。我意识到这是正确的行为,但我不确定如何实现我想要的。下面是一些说明问题的HTML示例:owndiv与overflow:autodiv中的其他内容上下文相关,因此将它们放在一起是有意义的。我想我可以使用javascript将下拉div移动到DOM的另一部分,但如果可以避免,我宁愿不这样做。 最佳答案 您的问题是position:rela