如何从最后一行中的元素中删除边框?

我的布局是这样的 (我键入的是带有内联样式的简化版本, 而不是类) .qa { border-bottom: 1px solid #ccc; } Question Answer Question Answer Question Answer Question Answer Question Answer Question Answer Question Answer Question Answer Question Answer Question Answer 这基本上呈现如下所示: enter image description here [https://i.stack.imgur.com/yUbXx.jpg] [https://i.stack.imgur.com/yUbXx.jpg] 我的问题是: 如何摆脱最后一行中的边框? ……

共7个回答,已解决, 标签: html css css3 flexbox css-selectors
如何设置 SVG 多边形的动画来填充?

我有一个 SVG 字母 (A), 由两个多边形和一个矩形组成。我想动画他们的方式, 第一个多边形增长到可见, 然后第二个。之后, 矩形将增长为可见。在动画开始之前, SVG 将不可见。 我尝试过关键帧笔画, 但由于它们不是基于路径的, 而是多边形的点, 因此无法正常工作。 如果你想在上面工作, 这里有一支笔: https://codepen.io/anon/pen/vMxXaP [https://codepen.io/anon/pen/vMxXaP] ……

共6个回答,已解决, 标签: html css animation svg css-animations
Br 标记可以具有哪些 CSS 属性?

我现在正在搞乱一些代码, 要把两个段落分开, 我正在使用 br 一个标签。为了在段落之间放置间距, 我注意到我可以使用边距或填充来完成相同的事情。当我尝试做其他样式 (如添加边框) 时, 它不起作用。 为什么 br 标签只能有一些样式, 而不能有其他样式?我到处搜索过, 我看过不同的文章/指南, 这些指南在如何使用标记方面相互矛盾 br 。 br { padding: 50px; border: 1px solid black; } Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate ……

共5个回答,已解决, 标签: html css
如果我点击,我想移动这个框

这个问题很简单。如果我点击这个框,我想向左移动 200px。但是对我来说很难,请帮助我!问题出在哪里? 。盒子 { 宽度: 200px; 高度: 200px; 背景颜色: 红色; } 。玩 { 转换: 翻译 (200px); } 文件 Gemove = document.getelementsbyclass name (“box”); 移动.addEventListener (“点击”,_ 移动); 功能 _ 移动 (e) { 移动.类列表.添加 ("播放"); } </Code> </pre> <P> </p> </X-夜床> ……

共4个回答, 标签: javascript css
Zurb 基金会6菜单右上容易在小设备上使对齐中心的方式

我正在使用 ZURB 基础, 我想知道是否存在一种更简单的方法来对齐小设备上的菜单项。 目前, 我的 HTML 如下所示: Link 1 Link 2 Link 3 正如你所看到的, 在所有的设备上, 我的菜单都是对齐的 ' 对 ', 但在较小的设备上, 我想把这些项目居中, 我知道 ZURB6 有许多类和数据方法, 可以根据视点大小让事情以不同的方式工作。 我尝试过使用这两种方法: 这两个都不工作!可悲。 我想我可以用: /* Small only */ @media screen and (max-width: 39.9375em) { .menu.align-right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu.align-right.vertical li { t ……

共4个回答, 标签: html css media-queries zurb-foundation-6
什么是为多个边框编写 CSS 的好方法?[复制]

这个问题在这里已经有了答案: * 如何获得具有圆角的多个边框?CSS [/questions/5586136/how-can-i-get-multiple-borders-with-rounded-corners-css] 8个回答 我试图建立多个边界, 这是正在褪色周围的用户图像。我是这样编写 CSS 的, 但这于事无补: width: 90px; border-radius: 50%; box-shadow: inset 0 0 0 4px #eee, inset 0 0 0 8px #ddd, inset 0 0 0 12px #ccc, inset 0 0 0 16px #bbb, inset 0 0 0 20px #aaa, inset 0 0 0 20px #999, inset 0 0 0 20px #888; Enter image description here [https://i.stack.imgur.com/vH4Lk.png] [https://i.stack.imgur.com/vH4Lk.png] 但它并没有像预期的那样给出输出。我如何实现此目的? ……

共3个回答, 标签: css css3 border box-shadow
最新版本的谷歌 Chrome, 73.0, 网页应用程序的溢出不再起作用

最新版本的谷歌 Chrome, 73.0, 网页应用程序的溢出不再使用, 而不指定高度100% 的容器。这是个虫子吗? ……

共2个回答, 标签: html css google-chrome scroll overflow
为什么向我的 div 添加边距会将其内容 (列) 从页面上推下来?

向 div 添加边距将右侧列从屏幕边缘推至右侧。 我尝试向两者都添加边距,改变宽度,甚至从 CSS 中完全删除宽度属性。 这 3 列完全没有边距,非常适合屏幕的宽度,默认的微小边距显示了我页面的背景颜色。添加任何保证金会把整个事情搞得一团糟。 一些文字 1 一些文本 2 一些文本 3 CSS <<<<<<>>>>>> @ Media (最小宽度: 620px) { 主 { 列数: 2 个; } 第 {节 内部休息: 避免; } } @ Media (最小宽度: 960px) { 主 { 列数: 3 个; } } <<<<<<<<<<<>>>>>>>>>>>>> 主 { 宽: 100%; 右边缘: 5%; < ` 我想在 div 的左侧和右侧有一个 5% 的边距,div 之间没有边距。 ` ……

共2个回答, 标签: html css
CSS colum-计数-水平对齐-砌筑网格

我已经用列计数属性 (列计数: 4;) 创建了砖石网格。网格中的所有 div 元素都垂直显示。 有没有办法用 js/jQuery 水平显示它们? 代码示例:Https://codepen.io/anon/pen/EzMbPo [https://codepen.io/anon/pen/EzMbPo] ……

共2个回答, 标签: javascript jquery html css
兄弟姐妹的孩子影响兄弟姐妹悬停 [复制]

这个问题在这里已经有了答案: * 是否有 CSS 父选择器? [/questions/1014861/is-there-a-css-parent-selector]27个回答 我试图显示一个子菜单时, 悬停在一个锚点。尝试 .expand:hover ~ .submenu 或 .expand:hover + .submenu 但它们似乎不起作用, 因为锚不是子菜单的直接同级。我必须把鼠标悬停在那个特定的李锚上是否有一种 htmlcss 的方法来完成它。我知道我可以使用 JS 对其进行排序, 但是否有 HTML\ css 方法? .menu { display: block; } .menu-item { list-style-type: none; } .menu-item a { text-decoration: none; font-size: 30px; font-weight: bolder; } .submenu { width: 100px; height: 30px; background: yellow; display: none; } ……

共1个回答, 标签: html css
当固定元素位于另一个绝对元素之上时,它会丢失

我有一个固定的导航箭头,它的操作是正确的,直到它通过一个绝对元素,左边有一个滑动动画, 那一刻,我的 “固定” 箭头随着动画一起移动,它从屏幕上消失了。 当用户向上滚动到该位置时,我在一个相对容器中有两个绝对 div,这两个 div 分别向左和向右移出屏幕。当动画被触发时,我的导航箭头随之下降。 这是我的 scss /* 箭头 */ “导入”../scss/变量; 。箭头 { 显示: 块; 岗位: 固定; 右: 15px; 底部: 15px; Svg { 填充: # fff; 宽度: 50px; } } 。我的反弹 { 动漫名称: my_bounce; 动画-时长: 2 秒; 动画-方向: 交替; 动画-迭代-计数: 无限; } /*********** 盒子 ./ 。About_cont { 背景: url (“..//图像/about-movil.jpg”) 顶部中心; 背景尺寸: 封面; 显示: flex; 高度: 100vn; 相对位置; } 。关于盒子 { 显示: flex; 宽度: 50vw; 对齐项目: 中心; 字体系列: “panton”; 职位: 绝对; 高度: 100vn;; ……

共1个回答, 标签: css reactjs sass
不显示 CSS 的 ASP.NET MVC 登录布局页面

我已经为我的登录页面创建了一个新的登录布局,并且无法获取要链接的 css 文件。 我尝试过根本不使用布局页面,使用@ {Layout = null}渲染整个 HTML 页面 (标题标签.等),并在标题标签中链接 CSS,什么都没有。我还在引导链接上方移动了 login.css 链接,但它仍然没有呈现任何 CSS。现在我有一个 LoginLayout,标题标签中链接了 CSS 和 bootstrap 文件。还是没什么 我的引导是渲染,但不是我的 CSS。有人能帮忙链接一下吗Login.css文件到_ LoginLayout。cshtml? _ LoginLayout。cshtml: @ ViewBag.Title | 知识库 @ RenderBody () 登录 cshtml 视图: @ 型号 ITKnowledgebase.款.LoginModel @ { 标题 = “登录”; 布局 = "~/视图/共享/_ LoginLayout.cshtml"; } @ 使用 (Html.BeginForm ()) { @ Html.AntiForgeryToken () ……

共1个回答,已解决, 标签: c# css asp.net-mvc model-view-controller
使用 data-bg-img 修复不显示 Laravel 的图像

我需要使用 data-bg-img 将图像添加到我的 laravel 刀片中 我是 larvel 的新手,目前正在使用 Laravel 5.8,我有常规路由,我的图像在公共文件夹中的图像/bg 文件夹中 ……

共1个回答, 标签: css laravel image
仅在移动设备上的图像差距 (如何制作响应式网站)

enter image description here [https://i.stack.imgur.com/Ih3Gj.png] [https://i.stack.imgur.com/Ih3Gj.png]我试图让我的 div 底部和我的图像之间的间隙消失。 我试着缩小图像的底部边缘,这很有效.但是只有在 pc 上,如果你在手机上打开我的网站,差距仍然存在 这是图像的类,我为它写了什么来防止差距的发生,但遗憾的是,这在移动设备上不起作用: 。山 {边缘-底部:-5px;} 它应该让 PC 和移动设备都没有差距,所以为什么会有差距。我做错了什么吗 顺便说一句,如果你们可以在手机上打开它 (如果你们不介意的话,一切都会改变), 我还想知道我在 PC 上看到的东西如何在移动设备上至少可以放同样的东西 P.s.这是 PC 上图像的照片,没有改变底部的边缘,除了移动设备,我应该添加另一张照片吗? 这是我的小网站的链接。Https://raynature.github.io/personal-site/ [https://raynature.github.io/personal-site/] ……

共1个回答, 标签: html css
禁用弹出窗口上的滚动条

我试图打开一个弹出窗口使用下面的按钮。 Test Button 函数 "Openpopcenter" 是为弹出窗口的中心而创建的脚本。请参见下文。 function OpenPopupCenter(pageURL, title, w, h) { var left = (screen.width - w) / 2; var top = (screen.height - h) / 4; // for 25% - devide by 4 | for 33% - devide by 3 var targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + l ……

共1个回答, 标签: html css
如何解决一些问题?

我从 fontawes.. com 下载了 fontawesome-free-5.8.2-web,并将 css 和 web fonts 文件放在我的项目根目录下,我在 index.html 中调用了它。因此,当我使用它的元素时,它对我来说并不正确,只有它显示空正方形。我该怎么办?谢谢 下面是代码: دوره مجازی آموزش طراحی قالب وردپرس وبلاگ شغل ها پشتیبانی فارسی Window.jQuery | | document.write ('<script src = "js/vendor/jquery-3.3.1.min.js"> <\/script>') 窗口.ga = 函数 () {ga.q.push (参数)}; ga.q = []; ga.l = 新日期; Ga (“创建” 、 “ua-XXXXX-Y” 、 “自动”); ga (“设置” 、 “交通” 、 “信标”); ga ……

共1个回答, 标签: html css font-awesome
IOS 和 Safari macOS 中 z-index 反向

这些图像的 z-index 被设置为蓝色、红色、绿色,但是在 iOS 浏览器和 macOS 上的 Safari 中,顺序相反,所以它们显示绿色、红色、蓝色。 下面是一个 CodePen,这个问题会影响 macOS 上的所有 iOS 浏览器和 Safari。 Https://codepen.io/W3-design/pen/pBOJyy [https://codepen.io/W3-design/pen/pBOJyy] HTML: SCSS: 。堆叠图像 { 最小高度: 500px; 相对位置; 保证金: 20px; Img { 职位: 绝对; 不透明度: 0.9; 转变: 转变。 5s 的放松; 变换: translateZ (-1000px) rotate3d (1,0,0,-55 度) rotate3d (0,0,1,-30 度); -Webkit-变换: translateZ (-1000px) rotate3d (1,0,0,-55) rotate3d (0,0,1,-30 度); &: 第 n 类 (1) { Z 指数: 100; Top: 0; } &: 第 n 类 ……

共0个回答, 标签: ios css macos safari z-index
使用内嵌块在 dompdf 中的元素下方添加空间

当有两个或两个以上的元素时display:inline-block,在呈现为 pdf 后,这些元素似乎有下面的边距: 你好 你好 你好 你好 multiple inline-block elements [https://i.stack.imgur.com/WS5fq.png] [https://i.stack.imgur.com/WS5fq.png] 但是,当只有一个时,它会显示良好: 你好 你好 你好 你好 single inline-block element [https://i.stack.imgur.com/T73UR.png] [https://i.stack.imgur.com/T73UR.png] 已经尝试使用clear:both on a sibling element and as a wrapper of the inline-block 元素,但这只会导致它低于绿色 div 也已经尝试使用float:left,就像它的父元素一样,但是使用它会导致元素重叠 是否/是否有其他方法使浮动元素的子元素水平对齐? ……

共0个回答, 标签: php html css dompdf
如何将图像重新调整为相同大小?[复制]

这个问题在这里已经有了答案: * 如何删除 div 行之间的额外空白, 并使所有 div 图像的大小? [/questions/55241936/how-to-remove-extra-white-space-between-div-rows-and-make-all-div-images-square] 3个回答 * html css img 分辨率操纵 [/questions/53060871/html-css-img-resolution-manipulation] 4 回答 我有两个元素并排 (请参阅下面的代码, 和代码) [https://codepen.io/cagross/pen/JVbqvd] 。我想确保他们的大小和/或裁剪到完全相同的维数-500 x 300-使用 htmlocss 单独 (即没有使用 Photoshop 的图像预处理)。此外, 随着屏幕宽度的减小, 我希望这些尺寸与屏幕宽度按比例缩小。如何在不将元素替换为 CSS background-image 的情况下做到这一点? 我知道一些裁剪可能会发生-这是可以接受的。 --------------- ……

共0个回答, 标签: html css
Flex row 强制子图像将高度缩小到其他内容的 100%

举下面的例子; 。行 { 背景: # F88; 顶部: 20px; } 。继续 { 显示: 块; 高度: 82 px; 宽度: 82 px; 背景颜色: # 0AF; } 。{Txt 背景颜色: # 0co; } 82 px 文本内容 我希望 100x100 的图像在保持长宽比的同时收缩到下一个最高列的高度 (在这个例子中,这将是第1 列中的 82 px 块元素)。 到目前为止,我尝试了各种不同的 flex-base 、 flex-shrink 和我设法实现的一个解决方案的组合那种开始工作是将图像的样式设置为高度: 0; 最小高度: 100%;然而,在检查员中工作的; * 它在 Chrome 中暴露了一个错误,在你调整窗口大小之前,图像的宽度最初是 0,这将把它弹出到正确的长宽比中 * 它在 IE 中不起作用 * 我很确定这违反了禁止折磨下一个不得不拿起我的代码的开发人员的某种国际法 在几个小时的暴力之后,我还没有找到一个解决方案 * 图像正确填充了 flex 高度的 100% (忽略了自己的高度) * 图像保持其长宽比 * 图像不会溢出 * 图片不是绝对定位的 ……

共0个回答, 标签: css bootstrap-4 flexbox