HTML有序列表如何让1,罗马,字母列表对齐呢?

HTML有序列表如何让1,罗马,字母列表对齐呢?,第1张

<html>

<body>

<p>通过下面的方法</p>

<ol type="1">

 <li>这是数字一第一行</li>

 <li>这是数字一第二行</li>

</ol>

<ol type="A" style='margin-top:-15px' start=3 >

 <li>这是英文字母 C行</li>

</ol>

<ol type="i" style='margin-top:-15px'  start= 4 >

 <li>HTML</li>

</ol>

</body>

</html>

/*以上是代码 和展示,希望对你有帮助。  满意采纳奥-------  */

你这样放着,什么都没有处理.当然不好看呀。你可以用一个DIV把他们嵌套起来,设置一下样式就可以了。或者用一个Table把他们包起来,设置一下属性就可以了。align属性是对齐方式,有左对齐,右对齐,居中对齐,你设置一下align="center",就可以居中了。

表格中数据的排列方式有两种:左右排列(水平对齐),上下排列(垂直对齐)。

左右排列是以ALIGN属性来设置;

上下排列则由VALIGN属性来设置。

其中左右排列的位置可分为三种:

居左(left)、居右(right)和居中(center);

#=left, center, right 

左右排列(水平对齐)代码示例: 

<TABLE WIDTH="100" BORDER="1" HEIGHT="60">

<TR><TD align=center>内容居中对齐</TD></TR>

<TR><TD style="text-align:center">内容居中对齐:css语法</TD></TR>

</TABLE>

上下排列基本上比较常用的有四种:

上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)

#=top,middle,bottom,baseline

上下排列(垂直对齐)代码示例:

<TABLE WIDTH="100" BORDER="1" HEIGHT="60">

<TR><TD VALIGN=TOP>内容顶部对齐</TD></TR> <TR><TD style="vertical-align:top">内容顶部对齐:css语法</TD></TR> </TABLE>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6149620.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存