小编fca*_*ran的帖子
避免在应用了背景颜色的内联元素中重叠行
我得到了一个与这个小提琴相关的CSS问题:http ://jsfiddle.net/r584e/
这里有相关的截图
有时我必须以这种方式设置内联元素的样式,试图几乎避免行之间的空间并仅在文本下应用背景.如您所见,第一段内部有一个链接,我在其中设置line-height: 1em.右边的段落改为a line-height: 0.8em;.(注意:我知道这样我可以粗略地剪切一些字母 - 比如q,g,p,......但是文字是大写的,所以这不是一个真正的问题)
在第二段中,行实际上更接近(如我所愿)但不幸的是每一行也与前一行部分重叠(除非你删除了应用的背景颜色)并且这不好(例如,请参阅底部的"大写"字样) ,所以这里我的问题:
- 如何让行更接近(如右边的段落),而不会相互重叠并定义背景颜色(无论应用它的元素,但它必须保留在文本下面,而不是填充整个块)
- 可选地,有一种方法可以为每行文本添加水平填充？
随意更改CSS和/或标记.我正在寻找一个纯CSS的解决方法.
最佳解决方案应该适用于现代浏览器,如果可能的话,至少应该使用IE8 +
先感谢您.=)
编辑:
关于第二个问题,使用@thirtydot解决方案我可以使用white-space: pre-wrapspan元素上的应用添加空间(右侧)
推荐指数
解决办法
查看次数
使用正则表达式重新格式化包含英国邮政编码的字符串
如何使用Javascript格式化字符串以匹配正则表达式？
我使用的英国邮政编码可以匹配以下任何一种
N1 3LD
EC1A 3AD
GU34 8RR
我有以下正则函数,它正确验证字符串,但我不确定如何使用正则表达式作为掩码格式化EC1A3AD为EC1A 3AD/ GU348RRto GU34 8RR/ N13LDto N1 3LD.
我的正则表达式是 /^[A-Za-z]{1,2}[0-9A-Za-z]{1,2}[ ]?[0-9]{0,1}[A-Za-z]{2}$/
谢谢
推荐指数
解决办法
查看次数
随机数，Math.floor(...) vs Math.ceil(...)
我见过很多生成随机数的代码，例如
// random integers in the interval [1, 10]
Math.floor(Math.random()*10 + 1)
无论如何，我觉得我错过了一些东西。为什么人们不使用更简洁的方式
Math.ceil(Math.random()*10);
?
我试图测试随机性，到目前为止似乎是正确的。
其实后面的代码
// will generate random integers from 1 to 4
var frequencies = [ 0, 0, 0, 0, 0 ]; // not using the first place
var randomNumber;
for ( var i = 0; i < 1*1000*1000; ++i ) {
randomNumber = Math.ceil(Math.random()*4);
frequencies[randomNumber]++;
}
for ( var i = 1; i <= 4; ++i ) {
console.log(i +": "+ frequencies[i]);
}
打印出来
1: …推荐指数
解决办法
查看次数
由于异步图像加载,图像的宽度和高度为零
我有一个很长的base64字符串,我想设置为src图像
$('#img').attr('src',base64data)
console.log('height - ' $('#img').height());
console.log('width - ' $('#img').height());
看起来我和0两个人都回来了.当然,如果我等一会儿,我会得到适当的高度.heightwidth
事情是.attr()没有回调,如何在设置src属性之后获取高度和宽度而不0返回.(我想我得到0因为Jquery的变化是异步发生但我不能太肯定)
推荐指数
解决办法
查看次数
如何将变量绑定到jquery ajax请求？
这是不言自明的:
while (...) {
var string='something that changes for each ajax request.';
$.ajax({'type': 'GET','dataType': 'json', 'url': 'get_data.php'}).done(processData);
}
function processData(data) {
// get string into here somehow.
}
如你所见,我需要以某种方式string进入processData.我不能创建一个全局变量,因为string每个ajax请求都不同.所以,问题是,我如何绑定string到我的ajax请求,以便我可以从中访问它processData？
我真的不想附加string到查询并让服务器返回它,但如果这是我唯一的选择,我别无选择.
提前致谢.
推荐指数
解决办法
查看次数
JavaScript的.这个表达式意味着什么:"var a = b === c && d;"
// Define a walk_the_DOM function that visits every
// node of the tree in HTML source order, starting
// from some given node. It invokes a function,
// passing it each node in turn. walk_the_DOM calls
// itself to process each of the child nodes.
var walk_the_DOM = function walk(node, func) {
func(node);
node = node.firstChild;
while (node) {
walk(node, func);
node = node.nextSibling;
}
};
// Define a getElementsByAttribute function. It
// takes an attribute name string and an …推荐指数
解决办法
查看次数
此作业在javascript中有什么作用？
此作业在javascript中有什么作用？我找不到有关它的任何文档。
const { name, email } = request.body;
推荐指数
解决办法
查看次数
如何使用php echo包含javascript文件？
如何使用php echo包含javascript文件？
我正在使用php创建一个html页面---
echo "<html><head><link rel='stylesheet' type='text/css' <script src="Calculation.js"> </script> href='style.css' </head><body>";
我在上面的行中包含了脚本代码,然后是表单标签---
<form action='/workdonecalculation/index.php?_pagination_off=1' method='post' class='form' onSubmit='return workdone();'>
但我的PHP代码不会调用我的javascript文件(Calculation.js)
推荐指数
解决办法
查看次数
CSS不承认"Avenir Next"作为我的字体系列
我正在使用CSS作为我的标题,其中所有菜单应该是"Avenir Next"字体系列.但它没有认识到它.它显示为简单的Arial.
我的代码是:
#main .Header .mainnav ul {
float: left;
list-style: none;
margin: -17px 0 0;
padding: 0;
font-family: Avenir Next !important;
font-size: 14px;
}
推荐指数
解决办法
查看次数
从具有相同类名的不同输入字段获取值
我正在开发一个图像共享网站,现在我正在努力在页面上呈现用户相册.每张专辑至少包含图像,我想在每个框中将所有专辑显示为具有四个缩略图(专辑中的前四个图像)的框.
图像文件名存储在每个框中隐藏输入字段的值中,我想要做的是从每个相册框中获取所有文件名并将其显示为缩略图.
我需要帮助的部分是我将如何从每个相册框中逐个获取文件名.下面的代码由于显而易见的原因不起作用,但如何重写以使其有效？所有输入字段都具有相同的类名.
提前致谢!
if ($('.hiddenAlbumNames').length > 0){
var images = $(this).val();
// the rest of the code (creating images and putting them in the album boxes)
}
推荐指数
解决办法
查看次数
标签 统计
javascript ×8
jquery ×3
css ×2
html ×2
ajax ×1
asynchronous ×1
css3 ×1
data-binding ×1
node.js ×1
php ×1
random ×1
regex ×1