html 相关问题

这个CSS 输入[类型='复选框'] { 变换：缩放（2）；右边距：1.5em；边框：1.5px 纯黑； } 超文本标记语言这个CSS input[type='checkbox'] { transform: scale( 2 ); margin-right: 1.5em; border: 1.5px solid black; } HTML <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="mChkCustomer"> <label class="form-check-label" for="mChkCustomer"> This is just a test for a very llllllooooonnnnngggggg label .................. </label> </div> 结果在宽屏幕上看起来不错但是当屏幕变窄时，就会发生这种情况问题：如何正确对齐复选框和标签？尝试移动标签而不是复选框 CSS input[type='checkbox'] { transform: scale( 2 ); /*margin-right: 1.5em;*/ border: 1.5px solid black; } .form-check-label { margin-left: 1.5em; }

html css bootstrap-5

回答 1 投票 0

HTML 列显示不正确

我有两个问题，都与 gmail 上显示的列有关。 1.我有两列彼此相邻，但它们显示在彼此之上。 1/3 列，但也显示错误...

html css multiple-columns

回答 1 投票 0

谷歌翻译不适用于 SVG 标签

我在我的网站上使用谷歌翻译。但它不适用于 SVG 标签。例如，带有图例的图表：这是工作我在我的网站上使用谷歌翻译。但它不适用于 SVG 标签。例如，带有图例的图表： <div> this is working </div> <svg width="482" height="240" aria-label="ገበታ" style="overflow: hidden;"> <defs id="_ABSTRACT_RENDERER_ID_0"> </defs> <rect x="0" y="0" width="482" height="240" stroke="none" stroke-width="0" fill="#f5f5f5"> </rect> <g> <rect x="339" y="60" width="143" height="129" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"> </rect> <g column-id="why does not translate?"> <rect x="339" y="60" width="143" height="9" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"> </rect> <g> <text text-anchor="start" x="351" y="67.65" font-family="Arial" font-size="9" stroke="none" stroke-width="0" fill="#000000">why does not translate?</text> </g> <circle cx="343.5" cy="64.5" r="4.5" stroke="none" stroke-width="0" fill="#990099">ù </circle> </g> <g column-id="hello"> <rect x="339" y="75" width="143" height="9" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"> </rect> <g> <text text-anchor="start" x="351" y="82.65" font-family="Arial" font-size="9" stroke="none" stroke-width="0" fill="#000000">hello </text> </g> <circle cx="343.5" cy="79.5" r="4.5" stroke="none" stroke-width="0" fill="#ffff00"> </circle> </g> </g> </svg> 这个问题有解决办法吗？这是我如何解决的。 1 - 我在页面中添加了一个 div <div id="legend" style="visibility:hidden"></div> 2 - 在chart.draw之后，我在这个div中写下图例 function TranslateGetLegenGraph() { legend = parent.document.getElementById("legend") legend.innerHTML = ""; g = this.document.getElementsByTagName("g"); //first g tag is legend text = g[0].getElementsByTagName("text"); for (ii = 0; ii < text.length; ii++) { legend.innerHTML += "<ttt>" + text[ii].textContent + "</ttt>"; } } 3 - 然后，我在 1 秒后重新加载我在 div 标签中写入的值 function TranslateGraph(delay) { setTimeout(function () { legend = parent.document.getElementById("legend").getElementsByTagName("ttt"); g = this.document.getElementsByTagName("g"); text = g[0].getElementsByTagName("text"); for (y = 0; y < legend.length; y++) { //google add some "font" tag after translation text[y].textContent = (legend[y].getElementsByTagName("font").length == 0 ? legend[y].innerHTML : legend[y].getElementsByTagName("font")[0].getElementsByTagName("font")[0].innerHTML); } }, delay); }

html google-translate

回答 1 投票 0

水平拖动阻碍了页面默认的垂直滚动

我已经创建了一个我想要实现的目标的代码笔。我正在使用几个水平可拖动项目创建时间线概述。除了 jquery 和 jquery-ui 之外，我还使用 jquery-ui-touch-p...

javascript jquery html mobile

回答 2 投票 0

将背景图像保留在底部

我一直在研究将图像保留在底部页面的解决方案。我目前得到的代码是：。页脚 { 背景图像: url('images/footer.png'); 背景重复：重复 x...

html css

回答 5 投票 0

如何使表格中一行的最后一个单元格占据所有剩余宽度

在下面的HTML片段中，如何使包含“LAST”的列的宽度占据该行的其余部分，并且包含“COLUMN ONE”和“COLUMN TWO”的列的宽度正好宽.. .