个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
p {
counter-reset: counter;
}
p.counter {
counter-increment: counter;
padding-left: 50px;
}
p.counter:before {
position: absolute;
content: counter(counter, upper-roman)".";
left: 0;
width: 50px;
text-align: left;
}
body {
background-color: #FFFFFF;
background-image: url("background.jpg");
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 22px;
color: #808080;
}
p {
font-size: 22px;
color: #808080;
}
h1 {
font-size: 32px;
font-weight: bold;
}
h2 {
font-size: 22px;
font-weight: bold;
}
h3 {
font-size: 22px;
font-weight: normal;
text-decoration: underline;
}
hr {
border: 0;
border-bottom: 1px dashed #808080;
}
a:link {
color: #B2AB19;
text-decoration: none;
border: none;
}
a:hover {
color: inherent;
text-decoration: none;
border-bottom: 1px solid #B2AB19;
}
a:active {
color: inherent;
text-decoration: none;
border: none;
}
a:visited {
color: #B2AB19;
text-decoration: none;
border: none;
}
#container {
width: 90%;
margin: 0 auto;
background: #FFFFFF;
}
#nav {
clear: both;
width: 100%;
background-color: #FFFFFF;
border: 0px;
margin: 0 auto;
padding: 10px;
box-sizing: border-box;
}
#header {
clear: both;
width: 100%;
background-color: #FFFFFF;
border: 0px;
margin: 0 auto;
box-sizing: border-box;
}
#lcolumn {
float: left;
max-width: 250px;
border: 0px;
padding: 10px;
box-sizing: border-box;
}
#rcolumn {
position: relative;
margin-left: 250px;
border: 0px;
padding: 10px;
box-sizing: border-box;
}
#footer {
clear: both;
width: 90%;
background-color: #FFFFFF;
border: 0px;
margin: 0 auto;
text-align: center;
padding: 10px;
box-sizing: border-box;
}<body lang="zh-hk">
<div id="container">
<div id="nav">
<a href="index.html">Contact</a>
</div>
<div id="header">
<img src="header.jpg" alt="testing" width=100% height=260>
</div>
<div id="lcolumn">
<p><a href="index.html">Chiayi</a>
</p>
<p><a href="index.html">From the Airports</a>
</p>
<p><a href="index.html">Places</a>
</p>
<p><a href="index.html">Food and Drinks</a>
</p>
<p><a href="index.html">Bike Trips</a>
</p>
</div>
<div id="rcolumn">
<h1>Reaching Chiayi City from the Airports by Public Transport</h1>
<p>Which interational airport will you arrive at?</p>
<p>• <a href="#tpe">Taiwan Taoyuan International Airport (TPE)</a>
</p>
<p>• <a href="#rmq">Taichung Airport (RMQ)</a>
</p>
<p>• <a href="#khh">Kaohsiung International Airport (KHH)</a>
</p>
<hr>
<h2 id="tpe">Taiwan Taoyuan International Airport (TPE)</h2>
<p class="counter">This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1. This is counted 1.
This is counted 1. This is counted 1.</p>
<p class="counter">This is counted 2.</p>
</div>
<div id="footer">
©2016
</div>
</div>
</body>
</html>我想在 p 中使用伪元素 :before 进行自动编号。
但是我有一些缩进问题。数字太长。从上面几行开始，它们应该左对齐。数字左边到文本开头的距离是50px。请帮忙。
最佳答案
更改或删除 width: 50px; 和 padding-left: 50px;
段落标签的左内边距为 50px，伪元素的宽度设置为 50px。
如果您不想要那个宽度...请调整它。
关于自动编号前的 CSS 伪 - 缩进 <p>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39163914/
25
4
0
我使用 Faker gem 来播种某些数据。我怎样才能设置最大。假公司名称的长度，如何设置假号码的范围？ name = Faker::Company.name 这里我想包括最大长度，因为名称对最大长
我试图实现一种方法，在该方法中我创建一个记分板(while 循环)并按某个数字字段(点)对获取的结果进行排序。但我需要实现的是如下 rank----username--point 1st------t
如何在 ListView (vsReport) 中对项目进行编号？现在我有类似的东西: Item := ListView1.Items.Add; Item.Caption :=inttostr(Ite
我正在尝试使用几个按钮在红色和绿色之间切换，我已经浏览了 Jquery 文档，但我似乎无法弄清楚这个。 您可以在我的代码片段中看到，当我单击按钮时，所有按钮都会变成不同的颜色。 而且必须有一种更短的方
是否可以在 GROUP_CONCAT 中进行编号 喜欢 如果，来自 GROUP_CONCAT(empnam SEPARATOR ', ') 我有一套， 我需要 我试过跟随，但没有得到想要的结
在 Linux 中，如何使用用户指定的事件编号创建输入事件接口(interface)并将其映射到特定的设备事件？ 我正在使用 gpio-keys 驱动程序来翻译键盘上的按键操作。我定义了要在我的板配置
对于低级应用程序，我在编译时将某种索引定义为一种类型: template class Idx{ using TYPE = T_; static const int IDX = IDX_; }
请问如何设置这种格式的编号: 1) number 1 2) number 2 3) ... 在 HTML 中？ 我只找到了一种获取这种格式的方法: 1. number 1 2. number 2 3.
对于我的研究，我需要很少的数据，其中之一是前一次提交的 SHA 编号，即如果我提供特定的提交编号/SHA 编号，我应该能够获得它之前的 SHA 编号。 帮我用 git 命令来获得相同的结果。 最佳答案
我需要询问何时按下数字 1 键，而不是在数字键盘上，而是在 Q 上方的数字 1(试图使这尽可能清楚)。 我已经浏览了 Keys 数组上所有可用的键，但没有一个匹配我正在寻找的键。 有没有办法做到这一点
我正在尝试使用 NAnt 任务设置构建服务器。我有几个想要构建的 Git 存储库，但我在结果的版本控制方面遇到了问题。 如何对库 (dll) 进行版本控制，以便每个构建都使用一个数字来表示每个版本？我
我有一个如下所示的表格: +-------+--------+--------+ | Grp | Party | Member | +-------+--------+--------+ | F
我正在使用 SQL Server 2008。我在查询中返回了这些数据，看起来非常像按 Day 和 ManualOrder 排序的... ID Day ManualOrder Lat L
区域:Silverlight 中的文本框 问题:我需要知道当前编辑的是什么“行号”。 我试过:作为一种解决方法，我尝试使用 textBox.Split("\r") 进行拆分，并计算 Regex 上具有
提前致歉，我不确定如何将 null 值添加到 pandas 数据框，所以我在列表中放置了“无”。我有一个具有以下值的数据框: None, None, 50,60,70,80,90,None,None,
我的应用程序中有一个标签，其中会带有徽章编号，该标签基于3个不同时间发生的3种不同操作。我知道如何使用以下方式设置标签栏标志: [[[[[self tabBarController] tabBar]
有谁知道为什么我们的供应商需要我们的 sku 编号来开发新应用程序？ 我们自己将应用程序带入应用程序商店，也许我错了，但构建应用程序或将其上传到商店不需要 sku - 它仅在 iTunes 中连接而不
这个问题已经有答案了: Rationale for Matcher throwing IllegalStateException when no 'matching' method is called
我使用[[UIApplication sharedApplication] setApplicationIconBadgeNumber:0]清除徽章编号。它工作正常，但同时删除了远程通知。 还有许多其
我有一个待办事项列表应用程序，我想在图标徽章中显示未完成任务的数量。 我的问题是:我是否应该在用户每次在应用程序中删除/添加新任务时更新徽章编号，还是仅在应用程序即将进入后台模式时更新徽章编号？ 最佳
我是一名优秀的程序员,十分优秀！