假设我有以下标记:http://jsfiddle.net/R8eCr/1/
<div class="container">
<div class="column">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="column">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="column">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
...
</div>
Run Code Online (Sandbox Code Playgroud)
然后是CSS
.container {
display: table;
border-collapse: collapse;
}
.column {
float: left;
overflow: hidden;
width: 120px;
}
.cell {
display: table-cell;
border: 1px solid red;
width: 120px;
height: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)
我有外部div display: table; border-collapse: collapse;
和细胞,display: table-cell
他们为什么还没有崩溃?我在这里错过了什么? …
overflow-wrap/word-wrap和word-break之间的确切区别是什么?任何人都可以告诉我,打破很长链接的更好的方法是什么?大多数人说你应该使用word-break和overflow-wrap,但它看起来不合逻辑.我认为将overflow-wrap与自动换行相结合以获得更好的跨浏览器支持是最好的方法.你怎么看?
我有一个包含四个图像的页面供用户选择.我希望用户能够在上传之前预览网站上的每个图像.
下面的JavaScript代码仅适用于一个图像,但我希望它适用于通过上传的多个图像<input type="file">
.
最好的方法是什么?
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#output').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#file-input").change(function () {
readURL(this);
});
Run Code Online (Sandbox Code Playgroud) 我在CSS中有这个三角形:
.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #007bff transparent transparent transparent;
}
Run Code Online (Sandbox Code Playgroud)
<div class="triangle"></div>
Run Code Online (Sandbox Code Playgroud)
如何在斜边线上应用1px阴影?
我搜索了堆栈溢出和谷歌,但找不到一个回答我的问题:哪些数据类型(例如string
,XML
,regex
,int
等)不PowerShell的有哪些?似乎没有Microsoft TechNet上的列表,我发现没有办法简单地列出它们.