html 相关问题

我试图将元素置于标题内的中心，但它总是偏离中心。我尝试将它放在网格中并询问 ChafGpt 但它不起作用我已经尝试将它放入容器中... 我试图将 <p> 元素置于标题内的中心，但它总是偏离中心。我尝试将它放在网格中并询问 ChafGpt 但它不起作用我已经尝试将其放入容器中并尝试了“margin: 0 auto”，它应该居中，但事实并非如此。我希望它完全居中并忽略徽标，但它似乎不起作用 body { background-color: grey; } header { background-image: url('header.jpg'); background-size: cover; background-position: center; padding: 20px; height: 10vh; } #logo { display: flex; max-width: 30%; max-height: 100%; float: left; } #page-description { color: white; padding: 15px 15px; font-size: 30px; margin: auto; text-align: center; } <title>XboxPulse - News</title> <link rel="stylesheet" href="News.css"> <script src="News.js"></script> <header> <img src="https://www.playourgames.nl/35770-medium_default/controller-wireless-xbox-pulse-red.jpg" alt="Xboxpulse" id="logo"> <p id="page-description">News</p> </header> 在标题上，您可以使用 flexbox 使段落居中（水平和垂直），并使用 flex-direction 将每个同级放在一行上。这样，该段落就占据了 100% 的屏幕宽度，尽管它是同级（图像）。否则，您可以使用定位或浮动，这会将元素从 dom 流中取出。 body { background-color: grey; margin: 0; padding: 0 1em; } header { background-image: url('header.jpg'); background-size: cover; background-position: center; margin: 0; padding: 0; min-height: 10vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } #logo { align-self: start; margin: 0; padding: 0.5em 0 0.6em; } #page-description { color: white; padding: 1em; font-size: 30px; margin: 0 auto; text-align: center; background-color: #707070; box-sizing: border-box; width: 100%; } <header> <img src="https://www.playourgames.nl/35770-medium_default/controller-wireless-xbox-pulse-red.jpg" alt="Xboxpulse" id="logo"> <p id="page-description">News</p> </header>

html css

回答 1 投票 0

选择用 <a> 和 <i> 标签包裹的复选框？

我正在尝试使用 is_selected() 方法检查是否选中了该复选框。我明白，由于我尝试验证的元素不是合法的复选框，因此这样验证它是不对的...

html xml selenium-webdriver xpath checkbox

回答 1 投票 0

点击 Angular 应用程序的 url 将显示 index.html 文件的 html 内容

每当我点击 Angular 应用程序的 URL 时，我都会看到 index.html 的 html 内容，而不是渲染的页面。可能是什么原因？每当我点击 Angular 应用程序的 URL 时，我都会看到 index.html 的 html 内容，而不是渲染的页面。可能是什么原因？ <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">  <meta name="viewport" content="width=device-width, initial-scale=1"> <title>iTime</title> <base href="/ItimePreProd/ngiTime/">  </head> <body> <app-root></app-root> <script src="runtime.js" defer></script><script src="polyfills-es5.js" nomodule defer></script><script src="polyfills.js" defer></script><script src="styles.js" defer></script><script src="scripts.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script></body> </html> 嗨，在谷歌上搜索了很多之后，我得到了解决方案，现在我的网址工作正常。在 web-config 中添加重写规则后问题解决。

html typescript iis webserver angular10

回答 1 投票 0

window.location.href 未重定向到另一个页面？#

当我按下注册按钮时，它会存储数据并执行除重定向到其他页面之外的所有操作，而是在浏览器的路径中给出 ?# 我已经尝试了一切，包括 window.loca...

javascript html web

回答 1 投票 0

选择用 <a> 和 <i> 标签包裹的复选框？

我正在尝试使用 is_selected() 方法检查是否选中了该复选框。我明白，由于我尝试验证的元素不是合法的复选框，因此这样验证它是不对的...

html xml selenium-webdriver xpath checkbox

回答 1 投票 0

如何将表格从 XML 匹配到 XSL

我想用正确的 XMl 标签填充表...我已经用标签编写了代码，但不知何故，当我将 XML 和 XSl 进行转换时，它没有用数据填充表...

html xml xslt

回答 1 投票 0

如何为垫子按钮添加自定义颜色？

我需要在 Angular 项目中使用这个垫子按钮，我如何使用自定义颜色而不是重音、主色等。我需要在 Angular 项目中使用这个垫子按钮，我如何使用自定义颜色而不是重音、主色等 <button (click)="gotoDashboardHome()" mat-raised-button color="accent" class="centered-button"> <mat-icon>reply</mat-icon> <span class="button-text">Back</span> </button> .centered-button { display: flex; align-items: center; justify-content: center; padding: 8px 16px; } .button-text { margin-left: 5px; font-size: 14px; } 定制垫底颜色我认为你应该能够通过篡改你的 src/styles.scss 文件来篡改哪种颜色是你的主要辅助颜色等，例如你可以这样做： @import '~@angular/material/theming'; $custom-primary: mat-palette($mat-indigo); $custom-accent: mat-palette($mat-pink); $custom-warn: mat-palette($mat-red); $custom-theme: mat-light-theme( $custom-primary, $custom-accent, $custom-warn ); @include angular-material-theme($custom-theme); 那么你应该可以使用这样的颜色： <button (click)="gotoDashboardHome()" mat-raised-button color="custom" class="centered-button"> <mat-icon>reply</mat-icon> <span class="button-text">Back</span> </button>

html css angular

回答 1 投票 0

输出在 PHP 中不显示新行

你们可能会说这是在这里提交的一个愚蠢的问题，但任何人都可以为我得到的输出给出任何有效的理由。这是令人惊奇和奇怪的，因为“ “忘记了它的工作。我正在......

php html

回答 2 投票 0

为ChildComponent添加动态html属性

我想在html中向我的ChildComponent添加一个动态html属性，例如hits：我不想用它作为输入，只需要我...

html angular tags html-tag-details

回答 1 投票 0

如何使用Bootstrap使图像比卡片大但仍在卡片内？

如何使用Bootstrap 5.3.3和网站上的HTML制作如下图所示的卡片

html css bootstrap-5 card

回答 1 投票 0

如何在不使用变换旋转的情况下从下到上书写垂直文本？

使用书写模式，您只能从上到下阅读文本。根据 https://developer.mozilla.org/en/docs/Web/CSS/writing-mode 我唯一的选择是使用侧面。但这

html css d3.js

回答 4 投票 0

迭代div内的div

如何迭代一个div内的div，并且如果它们都具有相同的“显示”值（“无”），则显示一条消息？我刚刚学习，我需要百分百使用它 jQuery 如何迭代一个 div 内的 div，并且如果它们都具有相同的“显示”值（“无”），则显示一条消息？我刚刚学习，我需要百分百使用它 jQuery <div class="test1"> <div class="test2" style="display:none"> </div> <div class="test2" style="display:none"> </div> <div class="test2" style="display:none"> </div> <div class="test2" style="display:none"> </div> </div> 我尝试使用 jQuery.each jQuery('.test1 > .test2').each(function(){ if(jQuery(this).css('display') == 'none'){ jQuery('.test_message').text('nothing'); } }) 您当前逻辑的问题是您正在单独测试每个 .test2 div，然后根据该单个元素输出消息。相反，您需要先检查所有元素，然后在必要时输出消息。为此，您可以存储一个标志来确定 div 的状态，然后在其中任何一个与该状态不匹配时更改该标志。这是一个工作示例： jQuery($ => { let allHidden = true; $('.test1 > .test2').each(function() { if ($(this).css('display') !== 'none') { allHidden = false; return; } }) if (allHidden) { $('.test_message').text('nothing'); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <div class="test1"> <div class="test2" style="display:none"></div> <div class="test2" style="display:none"></div> <div class="test2" style="display:none"></div> <div class="test2" style="display:none"></div> </div> <div class="test_message"></div>

javascript html jquery

回答 1 投票 0

html 相关问题

最新问题