堆栈内存溢出
  繁体   English   中英

在dd上使用表格单元格

[英]Using table cell on dd

 原文  2018-12-13 03:27:29  4   1    html/ css

问题描述

我正试图把物品排成一行。 

<dt>2018.05.10</dt>
  <dd>
    <a href="http://www.nippon-shindo.co.jp/pdf/2019_03tr.pdf" target="_blank">
      <p class="cell">
        <span class="orange">></span>中間期 決算短信 &ensp;[ PDF形式 146KB ]
      </p>
    </a>
</dd>

dl {
    display: table;
    flex-wrap: wrap;
}

#summary .cell {
    display: table-cell;
}

但无法使它们内联。

1 个解决方案

解决方案1
 0 已采纳  2018-12-13 05:17:29

 dl { width: 100%; overflow: hidden; padding: 0; margin: 0 } dt { float: left; width: 50%; /* adjust the width; make sure the total of both is 100% */ padding: 0; margin: 0 } dd { float: left; width: 25%; /* adjust the width; make sure the total of both is 100% */ padding: 0; margin: 0 } 
 <dl> <dt>2018.05.10</dt> <dd> <a href="http://www.nippon-shindo.co.jp/pdf/2019_03tr.pdf" target="_blank"> <p class="cell"> <span class="orange">></span>中間期 決算短信 &ensp;[ PDF形式 146KB ] </p> </a> </dd> <dd><img align="right" src="images/summary/pdf.png"></dd> <dt>2017.11.14</dt> <dd> <a href="http://www.nippon-shindo.co.jp/pdf/2019_03tr.pdf" target="_blank"> <p class="cell"> <span class="orange">></span>中間期 決算短信 &ensp;[ PDF形式 146KB ] </p> </a> </dd> <dd><img align="right" src="images/summary/pdf.png"></dd> <dt>2017.08.09</dt> <dd> <a href="http://www.nippon-shindo.co.jp/pdf/2019_03tr.pdf" target="_blank"> <p class="cell"> <span class="orange">></span>中間期 決算短信 &ensp;[ PDF形式 146KB ] </p> </a> </dd> <dd><img align="right" src="images/summary/pdf.png"></dd> <dt>2018.02.14</dt> <dd> <a href="http://www.nippon-shindo.co.jp/pdf/2019_03tr.pdf" target="_blank"> <p class="cell"> <span class="orange">></span>中間期 決算短信 &ensp;[ PDF形式 146KB ] </p> </a> </dd> <dd><img align="right" src="images/summary/pdf.png"></dd> </dl>

上面我有css使用浮点数，如果你想4列，你可以玩css宽度并添加dd

两个空格-输入&ensp; 四个空格-输入&emsp; 标签-键入&nbsp;&nbsp;&nbsp;&nbsp;

希望这个能对您有所帮助

连接<dt>和</dt><dd>在<div id="text_translate"><p>我想创建页面 header 并且我需要在一行中连接 dt 和 dd 这是我的视图代码：</p><pre> &lt;div style="margin-left:100px"&gt; &lt;hr /&gt; &lt;dl class="horizontal"&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_Name)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_Name)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_No)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_No)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.SEX)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.SEX)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.AGE)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.AGE)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.order_number)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.order_number)&lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt;</pre><p> output 现在标题在第一行，数据在第二行：</p><p> 患者姓名</p><p>萨米阿里</p><p>患者_否</p><p> 345676</p><p> 但我需要这样的 output：</p><p> Patient_Name 萨米·阿里</p><p>患者_编号 345676</p><p> 等等，我该怎么做？</p></div><table></table></dd>

[英]concatenate <dt> with <dd> in <table>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 使用 AngularJS 合并表格单元格 使用JQuery添加表格单元格 连接<dt>和</dt><dd>在<div id="text_translate"><p>我想创建页面 header 并且我需要在一行中连接 dt 和 dd 这是我的视图代码：</p><pre> &lt;div style="margin-left:100px"&gt; &lt;hr /&gt; &lt;dl class="horizontal"&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_Name)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_Name)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.Patient_No)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.Patient_No)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.SEX)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.SEX)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.AGE)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.AGE)&lt;/dd&gt; &lt;dt&gt;@Html.DisplayNameFor(model =&gt; model.labCashView.order_number)&lt;/dt&gt; &lt;dd&gt;@Html.DisplayFor(model =&gt; model.FirstOrDefault().labCashView.order_number)&lt;/dd&gt; &lt;/dl&gt; &lt;/div&gt;</pre><p> output 现在标题在第一行，数据在第二行：</p><p> 患者姓名</p><p>萨米阿里</p><p>患者_否</p><p> 345676</p><p> 但我需要这样的 output：</p><p> Patient_Name 萨米·阿里</p><p>患者_编号 345676</p><p> 等等，我该怎么做？</p></div><table></table></dd> 如何使用单元格ID访问HTML表中单元格的内容？ 使用箭头键导航表格单元格并忽略禁用的单元格 在HTML表的同一单元格中使用colspan和rowspan 如何使用jQuery更改表格单元格颜色 使用JS更改表格中单元格的行颜色 使用javascript将表格单元格中的文本转换为url 在HTML和CSS中的表格单元格上使用宽度自动
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM