我想知道是否有一种简单的方法可以通过HTML/CSS完成此操作.
我有一个动态的固定宽度表,有4列:
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
我想要的是所有具有数据的列都具有相同的宽度.
因此,如果任何列完全为空,我希望它折叠,其余列都具有相同的宽度.
我知道我的jsFiddle不正确,但我想以一个为起点.
我做了回顾如何让表格细胞均匀分布?,但不完全是我想要的.我还审查了均匀间隔的固定宽度列 - 在响应设置中,但也不一样.
编辑:
td:empty {display: none} 不是解决方案,因为如果另一行在该列中有文本,则表会失真. 的jsfiddle
我在stackoverflow上找到了这篇文章
使用正则表达式和 javascript 突出显示 html 中的单词 - 几乎就在那里
使用上面的文章,我尝试使用 c# 突出显示服务器上的 HTML 文本。代码如下所示:
string replacePattern = "$1<span style=\"background-color:yellow\">$2</span>";
string searchPattern = String.Format("(?<=^|>)(.*?)({0})(?=.*?<|$)", searchString.Trim());
content = Regex.Replace(content, searchPattern, replacePattern, RegexOptions.IgnoreCase);
Run Code Online (Sandbox Code Playgroud)
该代码似乎工作得很好,除非尝试突出显示图像源中包含的单词:
搜索关键字:
ABC
Run Code Online (Sandbox Code Playgroud)
搜索文字:
<div><img src="/site/folder/ABC.PNG" /><br />ABC</div>
Run Code Online (Sandbox Code Playgroud)
结果将突出显示文本和图像名称。
任何帮助将不胜感激。
我有以下HTML和CSS
HTML
<table class="StandardTable">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 25%">A</td>
<td style="width: 25%">B</td>
<td style="width: 25%">C</td>
<td style="width: 25%">D</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
CSS
.StandardTable {
border: 1px solid #656565;
border-radius: 10px;
-moz-border-radius: 10px;
margin-left: auto;
margin-right: auto;
box-shadow: 10px 10px 5px #888888;
width: 300px;
margin-bottom: 15px;
border-spacing: 0;
}
.StandardTable thead {
border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
background-color: lightgray;
}
Run Code Online (Sandbox Code Playgroud)
我也为此创建了jsFiddle.THEAD中的背景总是流出/跑出边界而不是圆形.
我在IE,FF和Chrome中测试过.在铬中最明显的是因为流出发生在IE和FF之间的边界上方,在那里发生了流血.
非常感谢任何帮助解决问题(使背景在边缘正确停止).我确实尝试在TH元素上添加Border-Radius,但这不起作用.
我正在尝试编写一条Case When语句,但出现数据类型不一致的错误。如果不满足第一个 when 语句,我需要显示“已返回”。
CASE
WHEN (X.RECEIVED_QTY = 0) THEN FLOOR(SYSDATE-INVENTORY_TRANS.TRANSACTION_DATE)
WHEN (X.RECEIVED_QTY = 0) THEN 'RETURNED'
END AS DAYS_OUT
Run Code Online (Sandbox Code Playgroud) html ×3
css ×2
c# ×1
case-when ×1
google-maps ×1
javascript ×1
regex ×1
replace ×1
sql ×1
varchar ×1