Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在餐厅菜单的表格中包含项目说明_Html_Css - Fatal编程技术网

Html 如何在餐厅菜单的表格中包含项目说明

Html 如何在餐厅菜单的表格中包含项目说明,html,css,Html,Css,我正在为一家当地餐馆的网站工作,目前正在为菜单部分工作。我正在尝试将菜单的格式设置为如上所示: 我遇到的问题是如何在项目名称下获取小项目描述。我不知道我如何才能用目前的方式来实现这一点。我使用的表有两列,一列表示商品名称,一列表示商品价格。我很确定我不能在一个表中包含标记来获得期望的结果 我如何在项目名称下获取小的描述 目前,我有一个html表格中的项目名称和价格,但是,我不确定如何在项目名称下包含描述 <table> <tr><th>Plain B

我正在为一家当地餐馆的网站工作,目前正在为菜单部分工作。我正在尝试将菜单的格式设置为如上所示:

我遇到的问题是如何在项目名称下获取小项目描述。我不知道我如何才能用目前的方式来实现这一点。我使用的表有两列,一列表示商品名称,一列表示商品价格。我很确定我不能在一个表中包含标记来获得期望的结果

我如何在项目名称下获取小的描述

目前,我有一个html表格中的项目名称和价格,但是,我不确定如何在项目名称下包含描述

<table>
     <tr><th>Plain Burger</th><td>$7.95</td></tr>
     <tr><th>Cheese Burger</th><td>$8.95</td></tr>
     <tr><th>BBQ Burger</th><td>$8.95</td></tr>
     <tr><th>Avocado Burger</th><td>$8.95</td></tr>
</table>

普通汉堡7.95美元
奶酪汉堡8.95美元
烧烤汉堡8.95美元
鳄梨汉堡8.95美元
解决了这个问题吗


项目1
价格1
小文本
项目2
价格2
小文本
项目3
价格3
小文本
项目4
价格4
小文本
项目5
价格5
小文本

您可以使用W3C文档中描述的点引线

ul.leaders{
最大宽度:40em;
填充:0;
溢出x:隐藏;
列表样式:无
}
李:以前{
浮动:左;
宽度:0;
空白:nowrap;
内容:“
}
ul:第一个孩子{
右侧填充:0.33em;
背景:白色
}
ul.span+span{
浮动:对;
左侧填充:0.33em;
背景:白色
}
李{
边缘底部:1米;
}
.姓名{
字号:600;
}
.描述{
宽度:100%;
显示:块;
}
  • 鲑鱼水饺 $7.95 这是一道好菜。
  • 炸鱿鱼 $7.95 这是一道好菜。

是否有您想要实现的用户界面?不太可能,菜单将有不同的“部分”,每个部分都是不同的类别,其中每个类别都将按照上面所述进行格式化。从上面的描述中很难猜出您真正想要的是什么。当你说。。。。。在下面,左边是指名字和描述,右边是指价格吗?是的,很抱歉描述不好,我会试着找一张照片给linkcool,并把解决方案写下来。谢谢,我想这可能对我有用。您能解释一下您所做的与我的小代码片段之间的差异吗?在包含项目和价格的每个表格行下面,我添加了另一行[class=“smal text”](项目描述只保留一列),以便您可以分别更改其样式和字体大小。a忘记添加colspan=“2”这样描述行就有两列了,对不起。编辑