html 相关问题

HTML（超文本标记语言）是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示，使其成为标记语言，而不是编程语言。 HTML主要与CSS和JavaScript结合使用，为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

如何将 HTML 对话框元素全宽放置在页面底部？

我正在尝试将 HTML 元素放置在页面底部，并且希望它延伸到整个视口宽度。这是我到目前为止尝试过的 CSS。 #dia { 填充：0；边界...

html css dialog

回答 1 投票 0

Material-UI - 范围滑块中的拇指切换样式

我有两个实体要在 Material-UI Slider 上显示为拇指组件，并且我需要为每个拇指组件设置不同的样式。实体 A 拇指应出现在白色圆圈中，实体 B 拇指应...

javascript html css reactjs material-ui

回答 2 投票 0

旋转 fa 图标元素

我在我的 Angular 应用程序中使用 Font Awesome，并且我试图在单击刷新图标时旋转它。我在 Angular 应用程序中使用 Font Awesome，并且尝试在单击刷新图标时旋转它。 <div class="col-5 d-flex justify-content-end"> <fa-icon style="color: white; font-size: large; top: 0;" [icon]="faArrowAltCircleDown" (click)="refreshTaskList()"> </fa-icon> </div> 我尝试添加rotate="360"以及transform="rotate-90"，但不幸的是都没有成功。我愿意接受建议。您只能使用 CSS 来实现此目的，不需要 Angular： button:focus i { animation: rotate 1s ease-in-out 0s; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <button class="btn btn-primary btn-sm" type="button"></button> 您可以使用上面的代码并将其转换，使其达到您想要的结果。来源：Angular Button 单击旋转图标相关问题（Temani Afif的评论）：Font Awesome 5 如何排列不同的图标？在 fa-icon 元素本身内部使用旋转属性。在你的情况下，它将是： <div class="col-5 d-flex justify-content-end"> <fa-icon style="color: white; font-size: large; top: 0;" [icon]="faArrowAltCircleDown" (click)="refreshTaskList()" [rotate]="180"> </fa-icon> </div> 参见： https://github.com/FortAwesome/angular-fontawesome/blob/main/docs/usage/features.md#rotate

html css angular font-awesome

回答 2 投票 0

下拉列表值取决于另一个下拉列表中的选定值

我有 6 种不同的物品：类型1项目1 类型1项目2 类型1项目3 类型2项目1 类型2项目2 类型2项目3 有 2 种不同类型：类型1 类型2 我想提供 2 个 DropDownList：一个用于选择类型，另一个用于...

javascript html css

回答 4 投票 0

从 HTML 字符串中包裹在 标签中的所有 标签中获取文本

我在 PHP 方面有点挣扎。我创建了一个数组并用一些curl 返回数据填充了一些位置。我不知道如何在每个数组位置中搜索并返回... 我在 PHP 方面有点挣扎。我创建了一个数组，并用一些curl返回数据填充了一些位置。我不知道如何在每个数组位置中搜索 并将其中的每个字符返回到 。从终端我可能会做这样的事情： grep -A 2 strong | sed -e 's///' -e 's/<\/strong><br\/>//' -e 's/ //' -e 's/<\/p>//' -e 's/--//' -e 's/^[ \t]*//;s/[ \t]*$//' 但是我在 PHP 中迷失了有什么建议吗？编辑：我想要每个的内容到 编辑2：这是我正在尝试的代码： $m=array(); preg_match_all('/(.*?)<\/p>/',$buffer,$m); $sizeM = count($m); for ( $counter2 = 0; $counter2 <= $sizeM; $counter2++) { $displayString.= $m[$counter2]; } 并获取 ArrayArrayArray...作为我的 $displayString 编辑3：我正在这样做： $curl_handle=curl_init(); curl_setopt($curl_handle,CURLOPT_URL, $url); curl_setopt($curl_handle, CURLOPT_USERAGENT, "Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.15) Gecko/20110303 Ubuntu/10.04 (lucid) Firefox/3.6.15"); curl_setopt($curl_handle, CURLOPT_HEADER, 0); curl_setopt($curl_handle,CURLOPT_RETURNTRANSFER,1); $buffer = curl_exec($curl_handle); curl_close($curl_handle); $m=array(); preg_match_all('/.*?(.*?)<\/p>/i',$buffer,$m); foreach($m[1] as $mnum=>$match) { $displayString.='Match '.$mnum.' is: '.$match."\n"; } 在 PHP 和许多其他语言中，最好不要使用字符串函数或正则表达式来匹配 HTML，因为 HTML 不是正则的，并且可能会出现真正的错误。您应该看到的是一个 DOM 系统，您可以将 html 作为对象进行迭代，就像 JavaScript 访问 DOM 一样。您应该查看以下本机 PHP 库来帮助您入门：http://php.net/manual/en/class.domdocument.php 您可以像这样简单地使用： $xml = new DOMDocument(); // Load the url's contents into the DOM $xml->loadHTMLFile($url); //Loop through each <a> tag in the dom and add it to the link array foreach($xml->getElementsByTagName('a') as $link) { echo $link->href . "\n"; } 这将找到文档中的所有链接。另请参阅我创建的帖子以及 Gordon 的精彩回答：How do you parse and process HTML/XML in PHP? preg_match_all() $m=array(); preg_match_all('/\s*([\s\S]*?)<\/p>/i',$string,$m); foreach($m[1] as $mnum=>$match){ $displayString.='Match '.$mnum.' is: '.$match."\n"; } $m 现在包含所有匹配项。 $m[0] 持有整场比赛， $m[1] 保存括号匹配项正如其他帖子中所指出的，如果您尝试处理 HTML，则不应使用正则表达式。要处理查找，您可以使用DOMDocument： $doc = new DOMDocument(); $doc->loadHTML($html); $pTags = $doc->getElemetsByTagName('p'); for ($pTags as $pTag) { if ($pTag->firstChild->nodeName === 'strong') { $data = $pTag->firstChild->nodeValue; } } 或者使用 XPath: $doc = new DOMDocument(); $doc->loadHTML($html); $xpath = new DOMXPath($doc); $matchingNodes = $xpath->query('//p/strong'); 或者您甚至可以使用外籍人士。这些方法比使用正则表达式更清晰、经过验证、灵活且更安全。我个人最喜欢从 xml 样式文档中提取数据的是 xpath。这是一组很好的 xpath 示例：http://msdn.microsoft.com/en-us/library/ms256086.aspx 编辑： *注意：如果您尝试处理非常大的 XML/HTML 文档，您将不想使用 DOMDocument 或 XPath，因为它们对于大型文档可能会很慢。对于这些情况，请使用事件驱动的 XML 解析器。我们在工作中遇到过使用 XPath 解析大型 XML 文件需要几分钟的情况，而使用事件驱动解析器解析同一文件只需要几秒钟。正则表达式将是你的朋友。 strpos、substr 和 explode 是有用的 php 函数。好吧，如果位置与您期望的结果不相关，您可以尝试将数组合并到单个字符串中，并在其中执行正则表达式... 这是代码 <?php $data = array( 'DONT MATCH THISDONT MATCH THIShello1!DONT MATCH THISDONT MATCH THISDONT MATCH THIS', 'DONT MATCH THISDONT MATCH THIShello2!DONT MATCH THISDONT MATCH THISDONT MATCH THIS', 'DONT MATCH THISDONT MATCH THIShello3!DONT MATCH THISDONT MATCH THISDONT MATCH THIS', 'hello4!DONT MATCH THISDONT MATCH THIShello5! test testDONT MATCH THISDONT MATCH THISDONT MATCH THIS', 'DONT MATCH THISDONT MATCH THIShello6!DONT MATCH THISDONT MATCH THISDONT MATCH THIS', ); preg_match_all('/.*?<\/p>/',implode($data,''),$results); print_r($results); ?> 让我知道这是否适合您。干杯！

php html string text-extraction text-parsing

回答 5 投票 0

Google Chrome 125.0.6422.112 中音频标签操作显示不正确的问题

对于 Google chrome 版本 125.0.6422.112，我们在门户中面临音频标签的问题，即如果我们单击特定音频标签的操作功能（三个点），它会显示选项...

html google-chrome audio html5-audio

回答 1 投票 0

插入可视化编辑器切换标签时，svg 链接不起作用

这是该页面的链接。这是用于实现的代码身份管理这是该页面的链接。这是用于实现的代码 <div class="col-md-6"> IDENTITY MANAGEMENT   <img class="padding-0-20" src="https://salesmate.technobraingroup.com/wp-content/themes/salesmateV1/images/idm_svg_circle edited.svg" /> </div> 问题是，当您对 SVG 文件使用 img 标签时，链接不起作用。解决办法是：按原样嵌入 SVG 代码 https://codepen.io/moshfeu/pen/Ryyrqy 使用 object 标签代替 img： object { width: 200px; } <object data="//salesmate.technobraingroup.com/wp-content/themes/salesmateV1/images/idm_svg_circle edited.svg" /> 就像问题中所描述的那样使 html svg 对象也是可点击的链接

html css wordpress twitter-bootstrap

回答 1 投票 0

表格 td 必须采用 max-width 200px 那么只有它应该换行

.table_outer { 宽度：500px；溢出-x：自动； /* 允许水平滚动 */ } 桌子 { 宽度：100%；最小宽度：最大内容； /* 确保表格不会缩小到内容宽度以下 */ 桌子-...

html css html-table

回答 2 投票 0

在 Chrome 中恢复输入类型=数字微调器

我有一个应用程序，其主题基于Metro UI CSS，它隐藏了Chrome在使用时添加的（我认为）漂亮且有用的旋转器。我正在尝试“覆盖”这个...

html css google-chrome metro-ui-css

回答 5 投票 0

透明按钮旁边的小超链接线，上面覆盖有图像

我注意到在创建按钮后出现了一条小线，因此当您单击社交媒体徽标时，它会转到我在该平台上拥有的特定徽标的社交媒体。我想知道如何...