我有以下代码:
#container {
position: fixed;
right: 0px;
width: 400px;
background: #f1f1f1;
height: 100vh;
}
ul {
width: 100%;
margin: 0;
padding: 0;
}
li {
box-sizing: border-box;
width: 25%;
display: inline-block;
border: 1px solid #ccc;
list-style-type: none;
min-height: 100px;
margin: 0px;
}Run Code Online (Sandbox Code Playgroud)
<div id="container">
<ul>
<li>test</li><li></li><li>test</li><li></li>
</ul>
</div>Run Code Online (Sandbox Code Playgroud)
正如您所看到的,两个列表项未对齐,因为元素内部有文本.无论何时删除文本,对齐都是完美的.检查元素时我找不到任何错误.
我究竟做错了什么 ?
我尝试用图像制作背景,这个图像 我有这个代码(bootstrap上的页面).
.cover-losos{
background: url('http://patwoj.hekko24.pl/zdrowie/images/losos.jpg') no-repeat center center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}Run Code Online (Sandbox Code Playgroud)
<div class="container-fluid">
<div class="row">
<div class="col-md-12 cover-losos">
</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
为什么不显示照片?我究竟做错了什么?
我有一个任务要做,我必须将数据从本地数据库显示到自定义列表视图,其布局包括2位图和2个文本数据.
我试过的参考文献是:" https://github.com/weixiao1984/Android-Infinite-Scroll-Listview ".
但它有太多令我困惑的事情.