腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
设置父div获取高度作为子级。
css
、
twitter-bootstrap
在这里,我试图将parent height设置为儿童的身高,但有些地方失败了。 #parent { background-color: red; } #child { background: blue; } <!-- CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpk
浏览 4
提问于2022-09-27
得票数 -1
3
回答
min-height导致填充被忽略
html
、
css
在将min-height添加到div之后,子元素在填充之外流动。下一个元素是height: 100%,我认为这与它有关。 html, body { height: 100%;} .card {height: 100%;} .card-header {min-height: 50px;} .card-block {height: 100%;} <link data-require="bootstrap@4.1.3" data-semver="4.1.3" rel="stylesheet" href="https://stackp
浏览 22
提问于2019-09-18
得票数 6
回答已采纳
1
回答
如果需要的话,用滚动条引导列的全高度
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我有以下(某种)代码: <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" /> <div class="container-fluid" sty
浏览 2
提问于2019-11-06
得票数 0
2
回答
高度百分比在任何浏览器中都不起作用(使用bootstrap)
css
、
bootstrap-4
下面是我的代码。如何使用以%为单位的高度 <div class="container" > <div class="row"> <div class="col-" id="t1"></div> </div> </div> Css body{ background-color:aquamarine; } #t1{ height:100%; border:1px solid brown; } 当
浏览 0
提问于2018-01-21
得票数 0
2
回答
Bootstrap 5窗体上的水平和垂直居中
html
、
css
、
twitter-bootstrap
我正在尝试水平和垂直对齐引导程序窗体,使其位于屏幕的中间;但是,我找不到任何解决方案来帮助我。 我尝试使用这些引导类,但它们不起作用:d-flex align-items-center justify-content-center 这是我的表格: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
浏览 249
提问于2021-02-15
得票数 1
回答已采纳
1
回答
对齐-中间不工作在桌子上
bootstrap-4
我有个问题,那个中产阶层没有使用引导4。我该如何解决这个问题?这是我的代码: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://c
浏览 0
提问于2018-07-05
得票数 2
3
回答
Bootstrap 4针到顶部导航栏元素
html
、
css
、
bootstrap-4
我在这里使用的是bootstrap 4.1导航条。我希望我的div "#pin_to_top“总是在导航栏的顶部。所以在更宽的屏幕上 徽标-菜单- "#pin_to_top“(全部在同一行) 而在较小的设备上,它就像 徽标- "#pin_to_top 菜单(菜单在我的徽标和div下) 另外,如果您对我的代码有任何其他的建议,我们将非常感谢:) .navbar-brand img { height: 2rem; } .phonecall { border-radius: 2rem; background-color: #28a745; f
浏览 0
提问于2018-09-01
得票数 1
3
回答
同样高度、柔韧性和高度的Div不起作用?
html
、
css
、
bootstrap-4
我创建了一个名为textCard in WPBakery的块。此块的标记包装在默认Bakery类周围,这些类表示标记如下: .textCard { border: 1px solid red; display: flex; height: 100%; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPx
浏览 0
提问于2019-07-11
得票数 0
回答已采纳
2
回答
bootstrap 4 flex问题没有填满100%的父高度
html
、
css
、
flexbox
我试图得到一个2列网格与boostrap flex,这需要整个页面的高度。由于某些原因,这段代码并没有填满页面的100%。 body标记的宽度和高度均为100%。我已经包含了下面的代码片段。尚未创建其他CSs。 <div class="d-flex flex-row w-100 h-100 border"> <div class="d-flex flex-column h-100 border "> test </div> <div class="d-flex flex-c
浏览 19
提问于2018-11-24
得票数 1
1
回答
将DIV设置为背景图像的大小。
html
、
css
、
twitter-bootstrap
、
flexbox
所以我想弄清楚,如何将第二个框的大小(见截图)设置为背景图像的大小。我正在使用引导程序,它是构建flex类。也许你们能帮我一下。 本质上就是我想要的紫色框,使其与背景图像的大小相同,并在调整屏幕大小时保持相同大小。 为了测试,我提供了一个准备好的Stackblitz环境: .page-container { width: 100vw; height: 50vh; } .background-image { background: url('https://dummyimage.com/258x362/007aa5?text=Banner-Desktop-La
浏览 0
提问于2021-11-16
得票数 0
1
回答
填充内部d-flex引导
html
、
css
、
twitter-bootstrap
、
flexbox
我尝试使用d-flex内部的填充来分隔d-flex类中的元素,但是当我尝试添加填充时,它不起作用,什么也不改变,如果我不使用d-flex,元素不会一个接一个地变成内联元素,所以我需要使用d-flex,但是在d-flex中,填充不起作用,如何正确地使用它。 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9
浏览 4
提问于2022-06-16
得票数 0
回答已采纳
1
回答
Twitter引导flex垂直中心不使用对齐自中心。
html
、
css
、
twitter-bootstrap
、
bootstrap-4
、
flexbox
我正在使用twitter引导4.4.1和flex来进行布局。我想要实现的是在顶部有一个导航条,在屏幕中间有一些内容。 有点像这样: 我正在使用以下代码(在这里也使用jsfiddle,): <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/
浏览 2
提问于2021-06-02
得票数 0
回答已采纳
1
回答
使Bootstrap4卡片宽度伸展100%
html
、
css
、
twitter-bootstrap
我正在尝试放置3张卡片,Card1定义总高度,而Card2和Card3位于右列。我的问题是Card2和Card3没有100%的剩余宽度。如何使Bootstrap4卡片宽度100%伸展?Card1已经被拉伸了,但是Card2和Card3在flex列中,并且没有被拉伸。如何伸展它们? <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/
浏览 36
提问于2020-12-26
得票数 0
回答已采纳
3
回答
Twitter Bootstrap - making height of html,body and container 100%添加垂直滚动条,即使有溢出:自动;
html
、
css
、
twitter-bootstrap
、
responsive-design
、
scrollbar
编辑: Fiddle似乎无法正确加载Twitter Bootstrap,因此我建议您将我的超文本标记语言和CSS代码复制粘贴到桌面上的一个空白.html文件中,然后使用该文件进行故障排除。请记住正确包含Twitter Bootstrap 3( CDN在下面的HTML代码中),因为只有包含Bootstrap时才会出现问题。 这是我的小提琴/代码: 下面是小提琴中的代码: HTML: <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bo
浏览 0
提问于2015-06-07
得票数 1
3
回答
自举集列高度和间距
html
、
css
、
bootstrap-4
我想动态地填充这些块。实际上,会有一个for循环来发送数据。但是,我在使用引导4在不同屏幕大小时遇到了一些问题。当文本在较小的窗口大小上推到额外的行时,我希望列之间具有相同的高度(在最大高度限制内取最长的高度)。发行: 理想结果: 任何提示都将不胜感激! <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> &
浏览 0
提问于2018-12-06
得票数 0
回答已采纳
1
回答
用于在父容器底部定位div的引导间隔实用程序(mt-auto)不起作用
twitter-bootstrap
、
spacing
、
utility
下面我有一个简单的例子,里面有一个“容器”和两个“行”div。我想让包含<h1>的第一个“行”留在顶部,就像它默认的那样。我希望包含3个特征"col“的第二个”行“位于容器的底部。我正在使用Bootstrap 4.6 在下面的示例中,我使用了"mt-auto“实用程序,我本希望它能工作,但似乎我做错了什么。我需要在CSS中指定一个“位置”吗?是否还有其他CSS需要我指定?作为参考,Bootstrap4.6间距文档在这里:Bootstrap 4.6 Spacing Utility Documentation 我还尝试了flex方法和"align-self-e
浏览 4
提问于2021-09-09
得票数 0
回答已采纳
5
回答
将图像高度设置为100vh会导致与其他元素重叠
html
、
css
、
bootstrap-4
我正在尝试创建一个使用Bootstrap 4的页面,它有页眉、页脚和主要内容。主要内容应填充页眉下面的空白处,页脚应在此下方。 我试图通过在主要内容上设置100vh的高度来做到这一点,但当我插入一个图像时,它会与页脚重叠。我哪里错了?为什么图像不能调整大小? #content-header { background: red; color: white; } #content-main { background: blue; color: white; height: 100vh; } #content-header { background: red; c
浏览 1
提问于2020-04-09
得票数 2
1
回答
Div在col中没有应用css属性吗?
twitter-bootstrap
谁能解释一下为什么div map在列中时不能应用它的css?刚开始使用bootstrap,在搜索中找不到任何东西 <style> #map { width: 25%; height: 25%; background-color: blue; } </style> </head> <body> <container-fluid> <div class="row">
浏览 0
提问于2015-10-23
得票数 0
2
回答
如何为卡片的图像叠加添加半透明背景
angular
、
twitter-bootstrap
我想不出如何使用Bootstrap的Card with Overlay来创建这样的效果: 📷 注意文本的不透明背景-我的覆盖似乎总是覆盖整个卡片的图像。 <div class="row cols-flex"> <div class="col"> <div class="card bg-dark text-white"> <img src="assets/images/bp/road.png" class="card-img" alt=
浏览 51
提问于2020-09-07
得票数 0
回答已采纳
1
回答
将一个div元素包含在另一个div元素中会破坏视差效果
javascript
、
html
、
css
以下是来自w3schools的原始工作示例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; } .parallax { /* The image used */ background-image: url('img_parallax.jpg');
浏览 29
提问于2018-06-07
得票数 0
回答已采纳
1
回答
引导-具有可滚动内容的Flex Box容器
html
、
css
、
twitter-bootstrap
、
flexbox
、
bootstrap-5
我正试图建立一个相当标准的应用程序布局与引导5和柔性盒,包括一个顶部栏,底部栏和一个自动大小的内容区。所述内容区域分为侧栏和主内容区。 作为参考,我希望它看起来像VSCode。 为了简洁起见,省略了一些标记,下面是我到目前为止所得到的信息: <!doctype html> <html class="h-100 mh-100" lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"
浏览 4
提问于2021-05-25
得票数 4
回答已采纳
1
回答
div内容不在外部固定div内
html
、
twitter-bootstrap
、
css
我有一个带有固定位置的div/ move,它包含一个move header、move body和move footer,当我降低高度(大约为650px或更低)时,move body内容和move footer不会停留在固定的div/move中,并开始移出视区。如何确保模式主体和模式页脚完全保持在模式内容中? .modal-header { font-size: 18px; } .details { width: 600px; min-height: 500px; background-color: #fff; position: fixed; border: 1p
浏览 0
提问于2017-02-06
得票数 0
2
回答
如何使用Bootstrap创建具有中间空间和相同高度的多个列
html
、
css
、
twitter-bootstrap
我有一个父级div或class=row,以及两个分别为class=colo-xs-6的子级。我希望有空间之间,但也有边界。所以我给每个人都增加了一个孩子。-xs-6类提供一个15 my填充,所以我得到了我的空间。现在的问题是,我希望它们的大小是一样的。 我在该行中添加了显示:表行。 我在两个子列中添加了display:table-cell和float:none。它给了div等高。 我的问题是,包含内容的第二个子div比第一个子div小。因此,固体边界并不是等高的。子div如何继承父级大小? <script src="https://code.jque
浏览 3
提问于2016-02-01
得票数 1
3
回答
响应图像在引导中不起作用
html
、
css
、
bootstrap-4
我在试着修改密码。我想要一个响应的图像与引导,但它不工作。我怎样才能解决这个问题? <header class="masthead text-center text-white d-flex"> <div class="container my-auto"> <div class="row"> <div class="col-lg-10 mx-auto"> <!--immage responsive do not word on boot
浏览 1
提问于2018-03-29
得票数 1
回答已采纳
1
回答
引导Flex -防止子项目拉伸容器
javascript
、
html
、
css
、
bootstrap-4
、
flexbox
我试图建立一个布局,所有的东西都可以不用滚动查看。任何需要更多空间的面板都应该是可滚动的。在下面的示例中,我希望主左的内容不是拉伸的,而是可以滚动的,而不是延伸整个行。 for (let i = 0; i < 20; i++) { $("#main-left").append("<div>" + i + "</div>"); } html, body { height: 100%; max-height: 100vh; } #main { background-color: cyan; min-
浏览 1
提问于2022-04-06
得票数 1
1
回答
如何获得不超过页面宽度100%的引导4 flex表?
html
、
css
、
twitter-bootstrap
、
bootstrap-4
在下面的示例中,我想将div格式化为一个表,但我不想将文本扩展到页面宽度的100%以上。我希望这些列彼此之间尽可能接近,这样它就会像普通文本一样阅读。对于下面的示例,我希望将其显示为: aaa bb ccc ddd aaaaa bbbb c dd 当我尝试使用Bootstrap 4的.row和.col时,我得到了我想要的表格式,但是表将文本扩展到页面宽度的100%以上。如何获得上述格式? <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" r
浏览 0
提问于2018-12-25
得票数 0
回答已采纳
1
回答
拉伸<canvas>以填充不带任何滚动条的flex项
html
、
css
、
twitter-bootstrap
、
flexbox
、
bootstrap-5
我正在使用引导5,并试图设置一个嵌套的flex布局来填充窗口,其中一个flex项被一个“拉伸”的<canvas>填充(因此任何地方都没有滚动条)。 由于某些原因,使用w-100和h-100实用工具创建画布(相当于将CSS宽度和高度设置为100%)将在页面上创建一个垂直滚动条。我在网络上看到了许多类似的问题,但它们几乎都是针对flex-direction: row的,似乎不适用于我的column场景。我不知道这是否是Bootstrap中的一个bug,或者我只是误解了嵌套的flex容器和/或画布。 下面是一个复制问题的代码: 下面是HTML主体: <body class="
浏览 6
提问于2021-08-19
得票数 0
回答已采纳
2
回答
如何使用引导灵活的方式使内部盒的高度达到其父框的全部高度?
html
、
css
、
flexbox
、
bootstrap-4
我知道解决方案将父元素设置为相对元素,子元素设置为绝对值。有人能用一种更灵活的方式吗?(不要使用绝对) 请不要轻易地用把问题标记为重复。 因为我尝试过@David在那个线程中提到的flex方式,所以我似乎只能让它在挠性方向上工作:行布局,而它不能在我的小提琴(flex方向:列)布局中工作。 HTML: <div class="d-flex flex-column h-100"> <div class="p-2 d1">Flex item 1</div> <div class="p-2 d6 flex-gr
浏览 0
提问于2018-12-07
得票数 1
回答已采纳
3
回答
Bootstrap HTML -在哪里插入图像?
html
、
css
、
twitter-bootstrap
所以我问一个关于这个引导程序模板的问题: 正如您所看到的,有3个部分表示“完全响应式、Bootstrap4就绪且易于使用”。 我的问题是,如何将图像插入到这些部分中? 我可能需要将图像插入到下面这行代码中: <div class="features-icons-icon d-flex"> 我已经尝试过了,只需将svg类替换为 style="background-image: url('img/hello.jpg');"></div> 但是,图像不会出现。
浏览 2
提问于2020-02-23
得票数 0
1
回答
不使用Bootstrap 4 flex进行包装
css
、
bootstrap-4
、
flexbox
当我使用flex-base: 100%时,我希望有两列和几个块,它们包装到第二列中。下面是我想要的一个例子: .container1 { height: 50vh; width: 50vw; } .item1 { height: 10%; width: 70%; } .item2 { height: 10%; width: 28%; } .item3 { width: 2%; } .break-column { flex-basis: 100%; } .item4 { height: 10%; width: 70%; } <scri
浏览 4
提问于2021-02-01
得票数 0
2
回答
无法将图像保留在Bootstrap 4中的div中
bootstrap-4
我在获取符合div大小的图像时遇到了问题。我使用的是Bootstrap 4.1.3。 我正在尝试创建一个具有两个并排列的行,其中一列是文本,另一列是图像。我希望将行保持在1366x768分辨率的“折叠上方”,因此我将行限制为500px高。问题是我的图像是344 × 690,不会缩小以适合行。它只是上下溢出。 代码如下: <div class="special-background"> <div class="container-fluid"> <div class="row py-4 bg-p1"
浏览 1
提问于2019-01-23
得票数 0
2
回答
在父flex中调整内容之间的不工作
css
、
twitter-bootstrap
、
bootstrap-4
、
flexbox
我使用div显示器的flex显示子代添加flex。 HTML: <div class="d-flex align-items-start flex-column" style="height: 100px;"> start </div> <div class="d-flex align-items-end flex-column" style="height: 100px;"> <div class="d-flex justify-content-between align
浏览 2
提问于2020-08-27
得票数 0
回答已采纳
2
回答
Bootstrap镜像未根据父级调整高度
css
、
html
、
twitter-bootstrap
、
bootstrap-4
我有一些带有图像的按钮。按钮内部的图像太大。当按钮的高度改变或者文本大小改变时,我想让图像通过button元素来调整大小。我使用的是Bootstrap-4类("img-fluid"),但它不能正常工作,因为图像高度没有变化。 我的HTML代码: <div class="order-type-buttons col-12 d-flex" aria-label="First group"> <button type="button" class="btn order-type-btn-blue col-4 d
浏览 6
提问于2018-12-07
得票数 0
2
回答
typescript应用程序中的Boostrap d-flex
css
、
angular
、
bootstrap-4
、
flexbox
我正在使用angular和bootstrap来开发应用程序。我有一些关于布局的问题。例如,我有一个用于navbar的组件: navbar.component.html <div class="d-flex"> <nav class="navbar navbar-expand-lg navbar-dark fixed-top heigh"> .... // navbar items, etc. </nav> </div> app.componenent.html <app-navbar>
浏览 13
提问于2020-03-05
得票数 0
1
回答
如何将div高度100%设置为父级高度?
html
、
css
、
styles
、
height
、
bootstrap-5
我需要那个按钮,无论卡上有多少内容,都要坚持到底部。并且引导类mt-auto按钮可以做到这一点,但是当我将高度设置为所有div的100 %时,当列中有类col-12时,我在卡体中的行就会从lg断点溢出。我在这里错过了什么?为什么它会溢出,为什么不设置100%父级的div? 下面是演示代码示例: <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <div class="row
浏览 7
提问于2022-02-04
得票数 0
2
回答
是否使holder.js与其他引导缩略图的大小相同?
javascript
、
html
、
css
、
twitter-bootstrap-3
、
holder.js
我有一个行,其中一个有图像,但另一个没有,并使用holder.js作为占位符。 <div class="row"> <div class="col-md-3"> <div class="thumbnail"> <img src="image.jpg"/> </div> </div> <div class="col-md-3"> <d
浏览 1
提问于2014-08-07
得票数 0
2
回答
我怎样才能增加react引导自旋器的大小?
reactjs
、
spinner
、
react-bootstrap
我在一个项目中使用react,而我使用的是React-Bootstrap。但是它很小,现在我想改变它的尺寸。我怎么才能改变呢? <div style={{ width: "200px", height: "200px" }} className="w-100 d-flex text-[#DC2626] justify-content-center align-items-center"> {/* bootstrap spinner */} <Spinner animation="border" r
浏览 4
提问于2022-05-08
得票数 1
1
回答
展开列中的容器以适应引导网格中的列高度
html
、
css
、
twitter-bootstrap
、
bootstrap-4
、
flexbox
当我设置height: 100%或h-100时,为什么绿色容器在蓝色列上展开? 如何才能使其恰好适合列的剩余高度? <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"> <div class="container" style="background-color: black"> <div class="ro
浏览 7
提问于2020-04-13
得票数 0
回答已采纳
1
回答
BootStrap twitch嵌入播放器使用整个父母的宽度
html
、
css
、
bootstrap-4
、
twitch
我是网站开发的新手。我正在尝试让我的嵌入式twitch播放器使用它的父级全宽。高度看起来很好,但是当使用bootstrap中的d-flex类时,它会让玩家变得非常瘦。 请查看我的代码: 不要介意玩家的错误信息,这是意料之中的 <!DOCTYPE html> <html lang="en"> <head> <title>Brams 225</title> <meta charset="utf-8"> <meta name="viewport"
浏览 2
提问于2021-03-02
得票数 0
1
回答
当我向徽标添加超链接时,它会忽略CSS大小。
html
、
css
、
bootstrap-4
这是我的密码。使用引导4.1框架: <div class="container"> <div class="d-none d-md-block"> <div class="d-flex justify-content-center"> <img class="logo" src="logo2.png"> <p> <p> </div> </div> 和CSS: .logo
浏览 0
提问于2018-12-24
得票数 0
回答已采纳
1
回答
Bootstrap中flex-填充和flex增长-1的差异
css
、
twitter-bootstrap
、
flexbox
、
bootstrap-5
flex-fill和flex-grow-1在Bootstrap 4+中有什么区别? 从文档中,说: 填充 使用一系列同级元素上的.flex-fill类强制将它们的宽度与其内容相等(或者如果它们的内容不超过边框),同时占用所有可用的水平空间。 flex-fill总是只用于多个同级元素吗? 说: 生长收缩 使用.flex-grow-*实用程序切换flex项的增长能力以填充可用空间。 在下面的代码片段中,flex-grow-1和flex-fill似乎都在做相同的事情,即扩展元素以占用任何正的空闲空间: <script src="https://cdn.jsdelivr.n
浏览 3
提问于2021-08-19
得票数 3
回答已采纳
1
回答
自举4手风琴在侧边栏拉长活动塌陷
flexbox
、
bootstrap-4
、
bootstrap-accordion
我试图建立一个侧栏,其中包含一个启动带4手风琴。我希望折叠窗格在激活时可以拉伸,这样它们就可以填充侧栏中的所有可用空间(如果内容太大,无法容纳,则折叠窗格必须得到滚动条)。 我试图使包装#accordion成为一个d-flex flex-column,但这似乎还不够。围绕div的#accordion (侧边栏)和#accordion有h-100类,所以它们一直向下延伸。 我认为卡片,包装头和折叠窗格,是问题所在。但不确定。 手风琴标记的开头如下: <div id="accordion" class="d-flex flex-column align-items-s
浏览 1
提问于2018-03-08
得票数 0
回答已采纳
1
回答
如何获取子元素与超父元素的比例百分比
javascript
、
dom
我需要在div父容器中堆叠div。父div容器也是一个子容器或在父容器内。 我的问题是,当将div堆叠为像素时,一切都是正常的;然而,如果我需要在div堆栈的下面或堆栈之间插入一个,有时我会丢失一个像素。我知道0.3232个像素是不可能的,我假设我丢失了小数点后的一个像素。 我有一个常量设置为变量PIXELS_PER_FOOT =25; 如果我有一个像下面这样的结构,我如何设置一个子元素的百分比与超父元素成比例? <div id="superParent" height='500px' OR 20 Feet >
浏览 1
提问于2012-05-23
得票数 1
1
回答
可滚动div动态高度-2列
html
、
css
我一排有两个div列。我希望左列的高度与右列的高度相匹配。在第一个图像中是我想要的状态。但是,如果右列的高度发生变化,则还应更改可滚动div的高度。 原因是在css中定义的px中的高度,但是我想让它变得动态。我怎么能这么做?图二显示了我的问题。 我很乐意提供帮助。 <div id="{{ project.RowKey }}" class="collapse" aria-labelledby="heading{{ project.RowKey }}">
浏览 5
提问于2021-06-04
得票数 0
回答已采纳
2
回答
将图像调整到响应式div中
html
、
css
、
twitter-bootstrap
我刚接触bootstrap,所以我不太清楚它是如何工作的! 我想做的是使屏幕截图中显示的3个图像具有相同的大小。 他们的决议是不同的。 这是每个图像的html <div class="col-sm-2 "> <div> <img src="img/test.jpg"> </div> <div > <h3>Text Here</h3> </div> </div> 这是屏幕截图
浏览 0
提问于2017-02-16
得票数 0
1
回答
当跨度是内联块时,如何垂直对齐标签和跨度?
css
、
twitter-bootstrap
我试图通过使用label和span元素垂直对齐align-middle,但它不起作用: .circle { height: 25px; width: 25px; border-radius: 50%; transform: scale(0.5, 0.5); display: inline-block; } <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
浏览 4
提问于2022-05-19
得票数 0
2
回答
无法通过引导来更改图像的宽度
html
、
css
、
bootstrap-4
我在用引导程序开发旋转木马图像滑块。我无法改变图像的高度。如果我试图改变高度,它对高度和宽度都有影响。但我只需要修改宽度。 我的代码如下: <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> &l
浏览 1
提问于2017-06-04
得票数 0
回答已采纳
1
回答
如何使用flexbox正确地将文本放置在图像上
html
、
css
、
flexbox
、
css-position
、
absolute
我正在尝试将一些文本放在包含图像和文本的div的左上角。我可以使用CSS绝对定位让它工作,但文本没有响应,并且根据屏幕大小移动。我需要的文本是响应性的,并根据屏幕的大小进行调整,以便它留在与图像相同的位置。 我也在使用bootstrap,我不认为它有什么效果,但它可能是一些我不知道的东西。 下面是我目前使用的代码: HTML <div class="container-fluid"> <div class="col-md-12 d-flex jumbo"> <img class='img-fluid jumbo
浏览 5
提问于2020-05-09
得票数 0
1
回答
引导*垂直*响应性
html
、
css
、
twitter-bootstrap
不用将宽度管理委托给Bootstrap,我就可以得到三个全高度列。 使用以下HTML/CSS。 <!DOCTYPE html> <head> <style> div { position: fixed; border: 5px dashed blue; box-sizing: border-box; } .left { height: 100%; top: 0; widt
浏览 0
提问于2016-08-30
得票数 1
回答已采纳
2
回答
如何将图像与div的底部对齐?
html
、
twitter-bootstrap
、
css
我尝试使用vertical-align将图像与out div元素的底部对齐,但此vertical-align似乎不起作用,图像根本没有移动。 <div class="row"> <div class="col-md-1"> <img src="../images/image.png" style="height: 20px; width: 20px;cursor:pointer"/> </div> <div class=col-md
浏览 6
提问于2016-02-16
得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
清除浮动的三种方法
从 Chrome 源码看浏览器如何 layout 布局
CSS清除浮动
你所不知道的overflow:hidden用处?
好程序员分享JavaScript之-文档对象模型
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券