html列有序列表_Html_List - Fatal编程技术网

html列有序列表

html list

html列有序列表,html,list,Html,List,如何在多个列中显示无序列表？我有一个HTML无序列表（bullet-ed）。我还有多个专栏。我想打印HTML文档。唯一接近乔布斯的浏览器是FireFox。 Goggle Chrome（v58）显示所有列，但仅显示第一列中的项目符号。IE（V11）完全忽略列样式 FireFox似乎忽视了利润以下是我的HTML的一个片段： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &

如何在多个列中显示无序列表？我有一个HTML无序列表（bullet-ed）。我还有多个专栏。我想打印HTML文档。唯一接近乔布斯的浏览器是FireFox。 Goggle Chrome（v58）显示所有列，但仅显示第一列中的项目符号。IE（V11）完全忽略列样式

FireFox似乎忽视了利润

以下是我的HTML的一个片段：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Home Movies</title>
    <style type="text/css" media="print">
        @page
        {
        margin: 2cm
        }
    </style>
    <style>
      body {height: 11}
      h1 {text-align:center}
      h3 {text-align:center}
      h4 {text-align:center}
      .slot {color: RED}
      .time {color: GREEN}
      .case {color: TURQUOISE}
      .disc {color: ORANGE}
      .hm   {color: DARKTEAL}
      .break { page-break-before: always; }
      .list {-webkit-columns: 50px 4;
             -moz-columns: 50px 4;
             columns: 50px 4
             float: left;
             position: relative;
             margin-right: 20px;
             font-family: Arial;
             font-size:x-small;
    </style>
  </head>
  <body>
    <header>
      <h1>Home Movies by Title</h1>
      <h3>1/Jun/2017</h3>
      <h4><span class="slot">[DVD Slot]</span> <span class="time">[Time]
        </span> <span class="case">{In Case}</span> <span class="disc">{On 
        Disc}
        </span> <span class="hm">(Hallmark Rating)</span></h4>
    </header>
<ul class="list">


家庭电影
@页面
{
边距：2厘米
}
身体{身高：11}
h1{文本对齐：居中}
h3{文本对齐：居中}
h4{文本对齐：居中}
.slot{颜色：红色}
.time{颜色：绿色}
.case{颜色：绿松石}
.disc{颜色：橙色}
.hm{color:DARKTEAL}
.break{之前的分页符：始终；}
.list{-webkit列：50px 4；
-moz柱：50px4；
色谱柱：50px4
浮动：左；
位置：相对位置；
右边距：20px；
字体系列：Arial；
字体大小：x-small；
按片名分类的家庭电影
2017年6月1日
[光碟槽][时间]
{在Case}{On
Disc}
（霍尔马克评级）