我一直在寻找并且未能自己找到解决方案.我正在尝试创建一个基本的可满足代码编辑器,对于行号,我选择在CSS伪元素中使用计数器设置的每一行使用段落.这是小提琴:http://jsfiddle.net/zppb29jw/
问题是,如果段落有点长,文本的其余部分将在我的计数器伪元素下面.我想拉伸:在计数器之前与段落的高度相同.
我已尝试使用position:relative段落和position:absolute; height:100%p:之前的伪元素,如下所述:伪元素如何检测非伪元素的高度?
这在我的情况下不起作用,因为我不希望p:before元素覆盖并覆盖段落,我只想要与现在相同的行为,只是希望p:before元素在与main相同的高度上拉伸p.
我也不希望线条拉伸超过包装容器的宽度.我一直在尝试很多方法,但未能找到解决方案.
我已经在Google上搜索了一个多星期了,我一直在尝试实施不同的解决方案,但没有成功,而且这让我感到害怕.
所以你有一个具有多个段落(或同类的其他子元素)的contenteditable div.显然这是你想要保持的那种布局.如果用户选择两个或多个段落并在其上键入文本,则会删除段落并在父div中设置插入符号焦点:
body {
font-family: georgia;
}
.editable {
color: red;
}
.editable p {
color: #333;
}
.editable span {
color: limegreen !important;
}Run Code Online (Sandbox Code Playgroud)
<div class="editable" contenteditable><p>paragraph one</p><p>paragraph two</p></div>
<hr>
<p>How to reproduce the bug:</p>
<ul>
<li>Focus the contenteditable above by placing the cursor somewhere in one of the two paragraphs.</li>
<li>press ctrl-a (in windows or linux) or cmd-a (in osx) to select-all</li>
<li>type some text</li>
<li>red text means that the text went directly inside the contenteditable div, …Run Code Online (Sandbox Code Playgroud)我整天都在努力,似乎无法让它发挥作用.这是一个小提琴,所以你可以理解我在说什么:http://jsfiddle.net/P2BqP/
我相信它可以在没有Java脚本的情况下完成,但我想我在这里缺少一些东西.
所以我想让子div获取父级的值min-width,所以我可以向左或向右水平滚动,而不需要父扩展.
我这样做的原因是因为我想要一个可扩展的轮播,而不必为父元素和子元素设置宽度.无论屏幕大小或用户是否最大化窗口大小,我希望它是可扩展的.
这样做了吗?
好吧,我不知道以前是否曾经问过这个问题,但有很多消息来源表示不建议使用MD5来散列敏感数据,例如密码.但没有人对他们将使用的其他散列函数给出任何建议或指示.所有你看到的,包括在这个网站上的人都会回头,第四个是它或者它不安全.
众所周知,维基百科说:
"1996年,在MD5的设计中发现了一个缺陷.虽然它不是一个明显致命的弱点,但是密码学家们开始推荐使用其他算法,例如SHA-1,后来发现它也很脆弱."
这是由告诉你不要使用md5或sha1的人引用的,但是他们不想让其他人知道你应该考虑的其他选择.
当然,我们不要忘记,您设计应用程序的方式,存储密钥的位置,访问权限的人,使用盐等等也非常肯定更重要.
当然,验证和验证所有数据,而不是为SQL注入留下任何后门,XSS漏洞是关键.但据我所知,md5很容易被"暴力强迫"或"脱盐".我不是安全大师,这就是为什么我这么问我和任何经验丰富的人都可以用更简单的术语来理解.
这就是我现在正在做的事情,但也许有人可以给我优点和缺点:
$hash = hash('sha256', $salt . hash('sha256', $_POST['pass']) );
Run Code Online (Sandbox Code Playgroud)
我希望我的问题不会出错,我知道有很多文章和页面,但我没有找到任何答案,我相信其他人也想知道.