GVKun编程网logo

如何使用CSS在运行时在HTML元素之前插入一些内容(在html中内嵌css)

23

本文将为您提供关于如何使用CSS在运行时在HTML元素之前插入一些内容的详细介绍,我们还将为您解释在html中内嵌css的相关知识,同时,我们还将为您提供关于asp.net-mvc–如何在运行时之前编

本文将为您提供关于如何使用CSS在运行时在HTML元素之前插入一些内容的详细介绍,我们还将为您解释在html中内嵌css的相关知识,同时,我们还将为您提供关于asp.net-mvc – 如何在运行时之前编译cshtml、bash – 如何使用sed在文件中的每一行之前插入一行,原始行的内容被字符串包围?、c# – 如何使用htmlagilitypack获取2个周围html元素之间的html?、css html元素居中与html元素内容居中的区别的实用信息。

本文目录一览:

如何使用CSS在运行时在HTML元素之前插入一些内容(在html中内嵌css)

如何使用CSS在运行时在HTML元素之前插入一些内容(在html中内嵌css)

假设 HTML定义为

<div>
  <div> Some Important Text.Insert "Important" Before This </div>
  <divhttps://www.jb51.cc/tag/nor/" target="_blank">normal"> General Text </div>

</div>

所以一般来说输出就是

Some Important Text.Insert “Important” Before This

General Text

但渲染后它应该告诉我们

Important Generated Content

Some Important Text.Insert “Important” Before This

General Text

我正在寻找只有css的解决方案.

解决方法

你正在寻找这个

.runtime:before{
    content: "Important Generated Content";
    font-weight: bold;
    display: block;
}

是的,您可以根据建议的其他答案添加一些保证金.
如果我直接更改我的代码,我会觉得犯了剽窃行为.请在这里注释.

你可能会猜到,之前有过吗?
答案是肯定的!

你可以做的事情

.importantStuff:after{
    content: "!!!!!";
}

这会在importantStuff类的末尾添加!s

最后一件事,每个元素只能在前一个和后一个之后只有一个,所以明智地使用它们.并享受使用CSS.

asp.net-mvc – 如何在运行时之前编译cshtml

asp.net-mvc – 如何在运行时之前编译cshtml

我相信我读某处有一个项目文件中的设置,将允许您在构建Visual Studio项目时编译.cshtml文件。

刚刚开始使用MVC / Razor / Query Mobile,并且当我在.cshtml文件中的代码块中有错误时,“错误加载页面”感到烦恼

解决方法

设置< MvcBuildViews> true< / MvcBuildViews>在< PropertyGroup>您的.csproj文件的元素。

bash – 如何使用sed在文件中的每一行之前插入一行,原始行的内容被字符串包围?

bash – 如何使用sed在文件中的每一行之前插入一行,原始行的内容被字符串包围?

我试图使用sed(GNU sed版本4.2.1)在文件中的每一行之前插入一行,该行的内容由字符串围绕.

输入:

truncate table ALPHA;
truncate table BETA;
delete from TABLE_CHARLIE where ID=1;

预期结果:

SELECT 'truncate table ALPHA;' from dual;
truncate table ALPHA;
SELECT 'truncate table BETA;' from dual;
truncate table BETA;
SELECT 'delete from TABLE_CHARLIE where ID=1;' from dual;
delete from TABLE_CHARLIE where ID=1;

我试图使用&符号(&)特殊字符,但这似乎不起作用.如果我在替换字符串上放了&符之后的任何内容,则输出不正确.

尝试1:

sed -e "s/\(.*\)/SELECT '&\n&/g" input.txt

output:
SELECT 'truncate table ALPHA;
truncate table ALPHA;
SELECT 'truncate table BETA;
truncate table BETA;
SELECT 'delete from TABLE_CHARLIE where ID=1;
delete from TABLE_CHARLIE where ID=1;

使用前面的代码,我按预期得到了SELECT’,但是一旦我尝试添加’from dual;在字符串的右侧,事情变得糟糕.

尝试2:

sed -e "s/\(.*\)/SELECT '&' from dual;\n&/g"  input.txt

output:
' from dual;cate table ALPHA;
truncate table ALPHA;
' from dual;cate table BETA;
truncate table BETA;
SELECT 'delete from TABLE_CHARLIE where ID=1;' from dual;

解决方法

您可以利用保留空间临时存储原始行.

sed "h;s/.*/'SELECT '&' from dual;/;p;g" input.txt

或者更可读:

sed "
h
s/.*/'SELECT '&' from dual;/
p
g" input.txt

这是命令的细分.

>首先,输入的每一行都放在模式空间中.
> h命令将模式空间的内容复制到保留空间.
> s命令在模式空间上执行替换. &表示匹配的内容.此命令使保留空间不受影响.
> p命令将模式空间的内容输出到标准输出.
> g命令将保留空间的内容复制到模式空间.
>默认情况下,在读取下一个输入行之前,模式空间的内容将写入标准输出.

正如Glenn Jackman指出的那样,你可以用G替换p; g.然后在模式空间中建立一个两行值,然后打印,而不是打印两个单独的模式空间.

sed "h;s/.*/'SELECT '&' from dual;/;G" input.txt

此外,您可以向sed命令添加注释,以便您可以了解线路噪声稍后会发生什么:),如果这是在脚本中.

sed " 
# The input line is first copied to the pattern space

h                               # copy the pattern space to the hold space
s/.*/'SELECT '&' from dual;/    # Modify the pattern space
p                               # Print the (modified) pattern space
g                               # copy the hold space to the pattern space

# The output of the pattern space (the original input line) is Now printed
" input.txt

c# – 如何使用htmlagilitypack获取2个周围html元素之间的html?

c# – 如何使用htmlagilitypack获取2个周围html元素之间的html?

我需要使用带有C#的htmlagilitypack来检索包含在其他2个html元素中的html元素.

举个例子,我有以下几点:

<div id="div1"https://www.jb51.cc/tag/Finitio/" target="_blank">Finition here">
  <strong>
    <font face="Verdana" size="2">Your search request retrieved 0 matches.</font>
  </strong>
  <font face="Verdana" size="2">Some more text here.</font>
  <br><br>
  <!--more html here-->
</div>

我想把它们之间的一切都归还

<div id="div1">

和第一个

<br>

没有返回这些元素.

我无法理解为此所需的语法,所以如果有人能够向我解释在忽略结束标记的同时获得其他两个已知开始标记之间存在的html的最佳方法,我会非常感激.

我还要提一下,我需要首先在完整网页的周围html中找到div为id的div.

我不需要实际节点与来自特定HtmlDocument的节点具有引用相等性,它们只需要在内容方面相同.

解决方法

返回HtmlNode实例时,对同一节点的多次调用将生成相同的引用.你可以利用这个优势(尽管它是一个实现细节,所以要小心).

基本上,您将获得所有元素的后代,直到相关节点为止.您选择要从以下位置开始的节点:

HtmlNode divNode = doc.DocumentNode.SelectSingleNode("div[@id='div1']");

要升级的节点:

// Note that in this case,working off the first node is not necessary,just
// convenient for this example.
HtmlNode brNode = divNode.SelectSingleNode("br");

然后使用Enumerable class上的TakeWhile extension method将所有元素提取到第二个元素,如下所示:

// The nodes.
IEnumerable<HtmlNode> nodes = divNode.Descendants().
    TakeWhile(n => n != brNode).
    Where(n => n.NodeType == HtmlNodeType.Element);

这是TakeWhile方法(n => n!= brNode)中的比较,它取决于参考比较(这是实现细节部分).

最后一个过滤器只为您提供元素节点,因为这是您调用SelectSingleNode时通常会得到的;如果要处理其他节点类型,可以省略它.

循环遍历这些节点,如下所示:

foreach (HtmlNode node in nodes)
{
    // Print.
    Console.WriteLine("Node: {0}",node.Name);
}

生产:

Node: strong
Node: font
Node: font

css html元素居中与html元素内容居中的区别

css html元素居中与html元素内容居中的区别

div盒子居中

div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中,就需设置margin:0 auto实现布局居中。

 

CSS 内容居中

和DIV盒子居中有着同样居中字眼的内容居中,则是对盒子里内容(文字、图片等内容)实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。

立即学习“前端免费学习笔记(深入)”;

 

实例:

 
 
 
<title>css html元素居中与html元素内容居中的区别</title><div>码农教程</div><!--这里是DIV盒子相对于父级居中,盒子里面的内容并没有居中-->
<div>码农教程</div><!--这样是div盒子里面的内容相对于盒子本身居中-->
 
登录后复制

在线测试

 

小结:

  • html元素居中:对框架设置水平居中(比如对DIV本身设置DIV水平居中于浏览器中)。
  • html内容居中:对盒子里的内容设置水平居中(比如DIV内放到图片、文字等内容)

关于如何使用CSS在运行时在HTML元素之前插入一些内容在html中内嵌css的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于asp.net-mvc – 如何在运行时之前编译cshtml、bash – 如何使用sed在文件中的每一行之前插入一行,原始行的内容被字符串包围?、c# – 如何使用htmlagilitypack获取2个周围html元素之间的html?、css html元素居中与html元素内容居中的区别等相关内容,可以在本站寻找。

本文标签: