首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML/CSS如何将列表连接到h标记和字间距

HTML/CSS如何将列表连接到h标记和字间距
EN

Stack Overflow用户
提问于 2015-12-01 20:59:32
回答 3查看 77关注 0票数 1

我的任务是创建一个包含有序列表的标记,这就是我的想法:

代码语言:javascript
代码运行次数:0
运行
复制
<section>
<h2>Ich kann physische Auszeichnungen:</h2> 
<ol>
  <li><b>Coffee, Bold Text </b></li>
  <li><i>Tea, Italic Text</i></li>
  <li><u>Milk, Underlined Text</u></li>
</ol>
</section>

这是对的吗?第二个问题:

我被要求使用CSS样式在列出的文本50 do之间设置300%的<h>标签大小和字间距,这就是我所做的:

代码语言:javascript
代码运行次数:0
运行
复制
h2 {
    font-size: 300%; 
}
ol { 
    word-spacing: 50px;
}

它看起来很有效,但是当我这样做时,列表的顺序(1.2.3)消失了,我应该如何修复它呢?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-12-01 21:21:36

你找错了字间距的元素。

试试这个:

代码语言:javascript
代码运行次数:0
运行
复制
h2 {
    font-size: 300%; 
}
b, i, u { 
    word-spacing: 50px;
}

见小提琴:https://jsfiddle.net/nLjy6xgp/1/

票数 1
EN

Stack Overflow用户

发布于 2015-12-01 21:10:14

你可以试试这样的东西。您可以将<p>标记封装在li中的元素周围,然后将单词间距添加到p标记中。

代码语言:javascript
代码运行次数:0
运行
复制
h2 {font-size: 300%;}

ol p { word-spacing: 50px; }

示例:http://jsfiddle.net/Lj5kz8p5/

票数 1
EN

Stack Overflow用户

发布于 2015-12-01 21:16:34

这样做是可行的:

代码语言:javascript
代码运行次数:0
运行
复制
h2 {
    font-size: 300%; 
}
li { 
    word-spacing: 50px;
    margin-left:30px;
}

小提琴

好像是字间距干扰了编号。添加一点左边框是有效的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34030026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档