我已经能够成功地使用shape-outside: polygon(...)和clip-path: polygon(...)创建所需的多边形形状.
我看过许多页面引用的使用shape-inside,但我读过的shape-inside已被弃用且无法替换.它们也是在2014年写的,所以我希望CSS3从那以后发生了变化.
在网上看了之后,我能够把几乎有用的东西拼凑起来.我喜欢这个形状,但现在我需要在形状内部保留文本,并隐藏溢出.
我已经看到了一些提示::before,但我仍然不明白这会有什么帮助.测试它似乎没有产生任何结果.
无论是简单还是复杂,我如何使用CSS将文本包装在多边形中?或者解决方案是否在CSS之外?我需要使用其他方法,比如jQuery吗?
CSS
/*
For reference:
@vertex1: 120px;
@vertex2: @vertex1*2;
*/
.diamondContainer {
display: block;
position: absolute;
text-align: center;
width: @vertex2;
height: @vertex2;
overflow: hidden; /* hide anything longer than allowed string length */
/* This is a diamond shape */
shape-outside: polygon(@vertex1 0, @vertex2 @vertex1, @vertex1 @vertex2, 0 @vertex1);
clip-path: polygon(@vertex1 0, @vertex2 @vertex1, @vertex1 @vertex2, 0 @vertex1);
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div class="diamondOuter"> …Run Code Online (Sandbox Code Playgroud) 我已经跟踪了tSQLt中的示例,并成功为我的SQL Server数据库创建了单元和集成测试.我知道,展鹏销售的DevOps工具自动化tSQLt单元测试和集成测试,但我没有那么多钱.
我没有成本的想法是按计划运行SQL代理任务.使用该命令创建T-SQL作业步骤很容易EXEC tSQLt.RunAll;.虽然我已将SQL Agent配置为在作业步骤失败时向我发送电子邮件,但我不知道Agent在运行EXEC tSQLt.RunAll;步骤时是否知道我是否有任何失败的测试并提醒我.
没有什么可以阻止我手动运行这些测试,但我真的很想自动化它们,所以我可以专注于其他事情.
有没有人能够使用SQL Agent执行此操作或获得类似的结果?