如何在新的div下放置新的div来创建新部分？

[英]How do I put a new div under another div to make a new section?

我正在尝试制作我的第一个个人投资组合，这没什么疯狂的，但是我想让三个部分分别讨论，一个用于项目，一个用于联系。 我希望我的第二和第三div看起来像我的第一div。 但是，当我把它放到左上角时，如何修复它使其位于第一个div的下面？ * { margin: 0; padding ...

使用flexbox时如何在CSS中保持图像的长宽比相同？

[英]How to keep images in same aspect ratio in CSS when using flexbox?

我有很多用flexbox布置的图像。 大多数图像的宽高比为2：1，但有些则不然（可能太宽或太高）。 无论如何，我希望这些图像保持在2：1的宽高比内。 在https://jsfiddle.net/5h0gx7L4/中，您可以看到过宽的框很好并且保持在2：1的宽高比内（不确定，但可能是因为 ...

Tooltipster箭头和左边的内容

[英]Tooltipster arrow on and content to be on left

我正在使用这个名为Tooltipster的jQuery插件（ https://iamceege.github.io/tooltipster/#options ）。 是否可以打开左侧的内容和箭头？ 我一直在阅读他们的文档，似乎我无法让它工作。 任何帮助深表感谢！ 这是我的代码： HT ...

iframe更改为sidenav多个下拉列表

[英]iframe change for sidenav multiple dropdown list

我有index.html ，在我的index.html我有两个dropdown-container和iframe。 但它在iframe的下拉列表中工作，而下拉数字2不起作用，任何人都可以解决这个问题吗？ 我对此iframe更改的脚本感到困惑： 我的脚本在本地pc上运行 ...

试图制作一个CSS3对角线幻灯片动画，但它没有按预期工作

[英]Trying to make a CSS3 diagonal slide animation, but it's not working as expected

所以我试图在CSS3中创建一个对角滚动，但我没有运气。 原始脚本是这样的： https ： //codepen.io/275845/pen/LoYBjg 这是我到目前为止尝试过的，没有成功： https ： //codepen.io/275845/pen/gJOjXY 这是我想 ...

调整窗口大小时如何反转div堆栈的方式？

[英]How to reverse the way divs stack when window is resized?

当屏幕宽度调整为700px并在其下方时，照片将按其原样堆叠在文本上方。 我希望文本位于顶部，而不在屏幕宽度大于700px时反转顺序。 .section-a { background: #eaeaea; color: #333; padding: 3em .5em; .secti ...

将div惠特视频定位在boostrap 3上

[英]Position div whit video over boostrap 3

我正在尝试使用视频广告定位div，该视频必须在图片上方，并且此图片位于Bootstrap 3容器内。该视频必须具有响应性，并且必须像图片一样调整大小。 问题是我无法针对所有分辨率进行调整，我也尝试将视频也放入引导程序并放在图像上，但是无法正常工作。 Codepen： https ：//c ...

如何在不滚动的情况下将Flex容器保存在一个页面中

[英]How to keep a flex container all in one page without scroll

我正在创建一个网页，需要在一个页面中显示一些电影封面，而不滚动它，因为它将显示。 问题是我想让内容调整大小而不是让网页可滚动。 我还需要支持n部电影（他们是依赖的）。 我曾尝试过两次使用flexbox，但它不起作用。 另外，我正在使用tailwindcss框架，但我不认为这是一个问题，因 ...

如何将bootstrap4模式与轮播图像合并到页面？

[英]How to fit bootstrap4 modal with carousel image to page?

我正在尝试制作流畅的垂直图像，适合模态的屏幕 但相反，如果图像高于屏幕尺寸，它会开始突出显示屏幕并具有滚动功能，而对于水平图像则一切都很好。 我试过玩.imageHeight类。 我添加了图片： 当我添加max-height: 300px; ，它压扁了形象， ...

将4行分为1行，分为2行，使用媒体查询分隔列

[英]Breaking 1 row with 4 divs into 2 rows and to colums with media queries

我试图在等于或小于800px的屏幕上打破4行图像的下一行： https ： //i.ibb.co/1RmqDN2/1row.jpg 分为2行和2列，所以它看起来像这样： https ： //i.ibb.co/DWJp7mM/2row.jpg 我正在使用媒体查询来尝试实现它，但我找不到 ...

固定了打开菜单的底部div

[英]Fixed bottom div on opening the menu

打开菜单时，我试图将class="overlay-bottom"的DIV设置到屏幕的底部。 但是，它甚至在菜单打开之前就已显示。 我该怎么办？ function openNav() { document.getElementById("myNav").style.width ...

CSS仅动态尺寸工具提示

[英]css only dynamic size tooltip

我想我已经接近了，但是我正在努力使工具提示完全按我的意愿工作。 我有一个动态构建的HTML表，并且我想提供有关TD内容的工具提示。 为了性能，它必须完全是CSS（而不是基于javascript或事件）。 我希望工具提示在悬停时出现在TD的上方和中心，并在下方具有箭头。 我已经做到了，但是 ...

是否可以基于网格布局的另一列将一列的内容居中？

[英]Is it possible to center the content of a column based on another column for a grid layout?

我当前使用的是网格布局，在左列上有部分文字。 在右列，我有图像。 使该网格响应性工作时遇到障碍，左侧的内容与右侧的图像不一致，因为它们位于两个不同的列中。 是否可以根据截面在左网格中的开始位置始终使图像居中？ 我已经尝试过手动设置填充，但我希望找到一个更有效的解决方案（如果有）。 ...

Javascript Scale图像和Transfom图像垂直，水平放置

[英]Javascript Scale image and Transfom image position veritcally, horizontally

我想垂直，水平转换图像，并使用javascript缩放图像。 目前，我设法使调整大小的图像正常工作，但看起来不正确。 我正在尝试具有类似于“ 变换图像”的功能 。 调整垂直移动条时，图像应上下移动；调整水平移动时，图像应水平移动。 目前，testresize（）函数正在调整图像的大小，但 ...

行和列类，它们不会根据屏幕大小进行调整

[英]Row & col class they dont adjust acording to the screen size

我正在尝试根据屏幕尺寸将div移至row＆col类中，但我的div保持固定且无法调整。 即使我没有对行内的div进行任何定位，它也应该移动。 我的其他页面正常工作，但是无法正常工作。 为什么会这样呢？ 我的代码： .my-posted-jobs { position ...

如果条件仅适用于警报且位置已重置？

[英]The if condition only works with an alert and the position is reset?

代码是播放器转到用户单击的位置，但是现在我希望角色看到它所在的X轴。 问题在于它仅在有警报时才起作用，但仅在警报给出错误时才起作用，因为如果警报没有给出错误，则它不起作用。 另一个问题是，尽管scaleX发生了变化，但是删除了translate3d转换，然后播放器返回了相同的位置。 我 ...

与阴影的发光的箱子作用

[英]Glowing box effect with shadow

我的造型盒有问题。 我需要在底部框中创建一个带阴影的发光效果。 我在创造这种效果时陷入困境。 发光效果我需要创建： 我试图创造这种效果，但看起来非常糟糕 链接到codepen html, body { width: 100%; height: 100% ...

如何使用媒体查询更改段落和标题的对齐方式

[英]How to change the alignment of the paragraph and heading using media query

我正在尝试使用媒体查询更改段落和标题的对齐方式，以使其响应 我尝试使用max-width，margin和padding，但无法获得所需的结果。 .about-background h2 { margin-top: 2em; padding-right: 3.5em; } @ ...

Css动画一个想象中的生物追逐一个人物

[英]Css animating an imaginary creature chasing a figure

使用CSS，我试图动画一个假想的生物在迷宫中追逐一个人物而不经过迷宫墙。 想象中的生物几乎应该在最后捕捉到这个数字。 追逐从他们当前定位的初始位置开始并在出口处结束。 迷宫布局位于小提琴链接上。 我需要一些帮助来弄清楚动画。 我的关键帧无法正常工作（ jsfiddle ） ...

vue.js中未显示模态

[英]Modal not showing in vue.js

所以我有一个问题，我制作了一个具有Vanilla js中各种功能的地图应用程序。 我现在正在尝试将所有这些代码转换为vue.js，这是一个缓慢的过程。 单击“添加步骤”按钮时，我有一个要弹出的模态，但不是。 我已经阅读了文档并查看了示例，但无法弄清楚。 正如我提到的那样，我已经尝试了 ...