小编Wes*_*rch的帖子
表行不包含position:absolute的元素
我有这样一张桌子:
<table cellspacing="0">
<tr>
<td>Row 1</td>
<td><button>Button 1</button></td>
</tr>
<tr>
<td>Row 2</td>
<td><button>Button 2</button></td>
</tr>
<tr>
<td>Row 3</td>
<td><button>Button 3</button></td>
</tr>
</table>
我想绝对将每个按钮放在表格行的右上角,所以我使用了这个CSS,期望<tr>包含<button>:
tr {
position:relative;
}
button {
position:absolute;
top:0;
right:0;
}
但是,按钮全部堆叠在同一个地方.它通常使用<div>s 工作正常,除了display:table-row在测试时我发现使用它时仍会表现这种方式,这对我来说是一个惊喜.
演示:http://jsfiddle.net/QU2zT/1/
注意:我的实际标记更复杂,我试图定位的元素可能出现在它行的任何表格单元格中的任何位置,这就是我认为我需要的原因position:absolute.
- 为什么会这样？
- 如何在不改变标记的情况下使用CSS解决这个问题？
编辑:Firefox中的结果与Chrome和IE9中的结果不同(尚未测试).FF是一个彻底的失败,而其他浏览器只能在演示中看到包含"带表格显示的div"设置.
推荐指数
解决办法
查看次数
有没有办法忽略INSERT上不存在的列？
我正在使用MySQL GUI将某些站点迁移到新版本的CMS,方法是选择某些表并将INSERT从备份转储生成的语句运行到空表(新架构)中.旧表中有一些列不存在于新表中,因此脚本会停止,并显示如下错误:
脚本行:'字段列表'中有1个未知列'user_id'
樱桃选择要导出的所需列,或编辑转储文件将太繁琐和耗时.要解决这个问题,我会在生成错误时创建未使用的列,通过运行查询导入数据,然后在完成该表时删除未使用的列.我看过了INSERT IGNORE,但这似乎是为了忽略重复的键(不是我正在寻找的).
有没有办法预先形成INSERT一段时间忽略目标表中不存在的列？我正在寻找一些"无痛"的东西,就像一些现有的SQL功能一样.
为了澄清,我正在使用一堆备份文件并将数据导入本地数据库进行测试,然后再将其移动到实时服务器.我希望的解决方案的示例:
-- Don't try to insert data from columns that don't exist in "new_table"
INSERT INTO `new_table` {IGNORE UNKNOWN COLUMNS} (`id`, `col1`, `col2`) VALUES
(1, '', ''),
(2, '', '');
如果这样的事情根本不存在,我很乐意接受这个作为答案并继续使用我目前的解决方法.
推荐指数
解决办法
查看次数
我可以使用HTML5 data-*属性作为布尔属性吗？
我想使用自定义布尔属性将元素的内容标记为可编辑.我知道data-*属性,但不确定它们是否需要值.我不需要data-is_editable="false",因为缺少属性是等价的.我只关心它是否为"真"(如果属性存在).我知道我可以使用其他属性,class但我不想,因为它似乎有点不合适(纠正我,如果我错了).
这是我正在阅读的资源,也许是错误的文件,或者我忽略了我正在寻找的信息:http: //www.w3.org/html/wg/drafts/html/master/dom.html#自定义数据属性
那么,例如,这是合法有效的吗？
<div data-editable data-draggable> My content </div>
推荐指数
解决办法
查看次数
如何使用PDO清理输入？
当我使用PDO库时,是否需要mysql_real_escape_string()在输入上使用(例如$_POST和$_GET)？
如何使用PDO正确地逃避用户输入？
推荐指数
解决办法
查看次数
伪元素如何检测非伪元素的高度？
<p>Text text text text text text text...</p>
p {
background-color: blue;
}
p:before {
content: '';
position: absolute;
width: 10px;
height: 100%;
background-color: red;
}
实质上,伪元素的高度太大.我希望它与p元素具有相同的高度.我怎样才能做到这一点？
推荐指数
解决办法
查看次数
"溢出-x:隐藏"只有一面？
是否可以仅在一侧隐藏元素的水平溢出:左侧还是右侧？有点像overflow-x-right:hidden;.我对基于CSS和jquery的提示持开放态度.
推荐指数
解决办法
查看次数
在CSS中剪切文本.可能？
说,我们有:
<div class="outer">
<div class="inner">
<span class="text">Hello!</span>
</div>
</div>
'外部'div具有线性渐变背景.'inner'div有蓝色背景.是否可以使文本颜色与"外部"div的颜色相同.文本掩码效果的排序:
推荐指数
解决办法
查看次数
如何从午夜开始经过几秒钟
使用PHP如何获得自当天午夜起经过的秒数？
我现在所做的就是:
$hour=substr(date("h:i:s"),0,2);
$minute=substr(date("h:i:s"),3,2);
echo $hour."\r\n";
echo $minute."\r\n";
...但它没有返回响应的正确服务器时间,我不知道该怎么做.
推荐指数
解决办法
查看次数
为什么backgroundColor = rgb(a,b,c)不起作用？
<html>
<head>
<title> Colors </title>
</head>
<body>
<script type="text/javascript">
var a = parseInt(prompt("Enter R"));
var b = parseInt(prompt("Enter G"));
var c = parseInt(prompt("Enter B"));
document.body.style.backgroundColor=rgb(a,b,c);
</script>
</body>
</html>
为什么背景颜色不会根据RGB值变化？我做错了什么？
推荐指数
解决办法
查看次数
在CSS中取消设置行为属性的*正确*方法是什么？
我想知道重置/取消设置CSS behavior属性的正确方法是什么.
div { behavior:url(fixIE.htc); }
我需要为某些特定元素重置此项.我发现这不起作用后我开始寻找答案:
.my-div { behavior:0; }
我发现一篇SO帖子说空字符串有效,但是没有引用引用,这实际上是正确的方法:
.my-div { behavior:''; }
但是,我已经看到在我遇到的一些代码中使用了这个:
.my-div { behavior:none; }
我找不到任何实际的参考,因为它不是真的在规范中,我发现最接近的是:
http://reference.sitepoint.com/css/behavior
......但它没有澄清问题.
哪种方式是正确的,或者无关紧要(考虑javascript交互,如果它有任何区别)？如果存在,请提供参考 - 这就是我真正想要的.
推荐指数
解决办法
查看次数