个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我开始将盒子和列表放在一起，看看它们的布局如何，我发现了一些我没想到的东西。我注意到包装 ul 列表的 div 排列得很奇怪。如果您发布下面的代码，您将看到列表中的元素符号不会排列在黑线的右侧。相反，它们位于行前 20 像素处。另外，当我用列表在 div 周围设置边框时，我认为边框也会环绕子弹，但子弹却在边框之外。有人可以解释一下吗？所以这使得列表与其他对象对齐变得非常困难。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#wrapper{
width:700px;
}
*{
padding: 0;
margin: 0;
}
.line {
background: #B1B1B1;
float: left;
height: 340px;
width: 1px;
}
#box{
float: left;
background:#000;
width: 200px;
height: 100px;
margin: 0 10px 0 10px;
}
#list{
float: left;
border:1px #FF0000 solid;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="box"></div>
<div class="line"></div>
<div id="list">
<ul>
<li>enim ad minima veniam, quis nostrum</li>
<li>exercitation ullamco laboris</li>
<li>eque porro quisquam est</li>
<li>labore et dolore magnam aliquam</li>
<li>aliquid ex ea commodi consequatur</li>
<li>illum qui dolorem eum fugiat quo voluptas</li>
<li>modi tempora incidunt ut labore</li>
</ul>
</div>
</div>
</body>
</html>
最佳答案
UL 列表的元素符号实际上是在 LI 元素而不是 UL 上。因为 LI 元素的左侧填充和边距已使用 * 规则删除，所以元素符号原样放置。您将不得不通过在您的 LI 元素上添加一个左边距来进行补偿。
请参阅此处了解较早但有用的文章:http://meyerweb.com/eric/css/list-indent.html
关于html - u : List not lining up，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6405250/
26
4
0
我想显示阿拉伯文字，但字符 المملك 显示。 例如，在 المملكة العربية السعودية 上显示单词 المملك٩ ا
我的应用程序正在 java + MSSQL 和 MySQL 上运行。下面的查询适用于 MSSQL，但不适用于 MySql。在 mysql 中，当我编写如下查询时，它给出了错误的结果 查询 select
根据 is_destructible 的定义( http://eel.is/c++draft/meta.unary.prop#lib:is_destructible ), is_destructib
我有一个数据库表，其中有一列我对波斯字母进行了分类，以便稍后使用 MySQL WHERE 选择。一切都适用于所有字母，但我在选择在数据库中存储为 (Ù†) 的字母 (?) 和存储为 (Ú†) 的 (?
我知道像这样的可选链接: someOptional?.someProperty 基本上是 someOptional.map { $0.someProperty } 但是，我发现同时做这两件事是不可能的
u-boot配置文件中的以下配置我看不懂 CONFIG_SYS_EXTRA_OPTIONS="SYS_SDRAM_SIZE=0x20000000" 好像在 u-boot 代码中设置 DRAM 大小。但
我对以下两个方法声明感到困惑: private T funWorks(T child, U parent) { // No compilation errors }
给定如下 API: class Bar { ... } class Foo extends Bar { ... } 在 Java 的 Optional 类型中，我们可以说: Optional fooO
我有一个文件，每行有两个字符: $ cat roman Ⅱ Ⅲ nut 当我用 sort -u 对这个文件进行排序时，只显示一行: $ sort -u roman Ⅱ Ⅱ是代码点U+2161，Ⅲ是代码
我正在尝试将 C 数组分配给 C++ std::array。 我该如何做到这一点，最干净的方式并且不制作不需要的拷贝等？ 什么时候做 int X[8]; std::array Y = X; 我得到一个
我有以下案例类: case class [Q Length[T] 但是，我收到一条错误消息，说 需要三个参数，而我只给出了两个。我希望它像这样工作: type Area[T] = [Length[T
它是 well documented那个[T; n]可以强制到[T] .下面的代码也是well-formed : fn test(){ let _a: &[i32] = &[1, 2, 3];
我正在尝试使用 tweepy 在 Tkinter 窗口上显示我的 Twitter 时间线。这是代码 import tweepy import tkinter consumer_key = 'xxxxx
我正在使用以下包含 letter ü 的文本片段: test für fur test 代码如下: import re for m in re.finditer(r, line, re.IGNOREC
我对 USQL 很陌生，想知道如何在 select 语句中将“日期时间”转换为“日期”。另外，我如何摆脱毫秒和上午/下午？我真的很感激这方面的任何帮助。谢谢你们。 最佳答案 下面是有效的代码。注意括号
在 U-SQL 自定义代码(代码隐藏或程序集)中可以调用外部服务，例如bing搜索或 map 。 谢谢， 纳西尔 最佳答案 由于以下原因，目前不支持此功能: 想象一下，您编写了一个 UDF 或 UDO
我想 ping 出多个以太网端口。 u-boot 仅支持单个以太网端口是否存在固有限制？ 最佳答案 Can u-boot support more than one ethernet port? 是的
我最近开始学习Prolog，但无法解决如何将三个列表合并的问题。 我能够合并两个列表: %element element(X,[X|_]). element(X,[_|Y]):-
我们使用 Beaglebone 黑色定制板。我编辑了一个链接器脚本文件以添加内存部分以在其中记录一些信息: . = ALIGN(4); .logging : { _log_begin
我们使用 Beaglebone 黑色定制板。我编辑了一个链接器脚本文件以添加内存部分以在其中记录一些信息: . = ALIGN(4); .logging : { _log_begin
我是一名优秀的程序员,十分优秀！