【问题标题】:Positioning image in github markdown table在 github markdown table 中定位图片
【发布时间】:2021-07-27 22:18:48
【问题描述】:

我有一些内容没有占据整个专栏。所以我试图将图像放置到那一侧以节省一些空间。

我尝试在 md 中检查网格布局或列布局,但没有一个提供有关如何执行此操作的信息

这就是我要找的东西

代码是@here

...谢谢

【问题讨论】:

标签: css github gridview markdown


【解决方案1】:

Markdown表默认不支持单元格合并,所以你应该使用HTML表。
在评论中,你说

“即使这次图像只占了一行,......”

在这种情况下,只需使用rowspan

<table>
   <tr>
      <td>- Identifying cutomer needs (requirments)</td>
      <td rowspan="11">
        <img src="https://user-images.githubusercontent.com/74305823/118094261-783e8280-b409-11eb-8f50-8ed0b304fef0.png" width="300"/>
     </td>
   </tr>
   <tr>
      <td>- market analysis (requirements)</td>
   </tr>
   <tr>
      <td>- defining goals (requirements)</td>
   </tr>
   <tr>
      <td>- Establishing functions (Prodct concept)</td>
   </tr>
   <tr>
      <td>- Task Specifications (Prodct concept)</td>
   </tr>
   <tr>
      <td>- Conceptualizatoin (Solution concept)</td>
   </tr>
   <tr>
      <td>- Evaluating Alternatives</td>
   </tr>
   <tr>
      <td>- Emnodiment Design</td>
   </tr>
   <tr>
      <td>- Analysis and Optimization</td>
   </tr>
   <tr>
      <td>- Experiment</td>
   </tr>
   <tr>
      <td>- Marketing</td>
   </tr>
</table>

编辑

正如@tarleb 所说,使用&lt;ul&gt;...&lt;/ul&gt; 标签可以更简单。

<table>
   <tr>
     <td>
       <ul>
         <li>Identifying cutomer needs (requirments)</li>   
         <li>market analysis (requirements)</li>  
         <li>defining goals (requirements)</li> 
         <li>Establishing functions (Prodct concept)</li>  
         <li>Task Specifications (Prodct concept)</li> 
         <li>Conceptualizatoin (Solution concept)</li>   
         <li>Evaluating Alternatives</li> 
         <li>Emnodiment Design</li>
         <li>Analysis and Optimization</li>
         <li>Experiment</li>    
         <li>Marketing</li> 
       </ul>
     </td>
     <td>
       <img src="https://user-images.githubusercontent.com/74305823/118094261-783e8280-b409-11eb-8f50-8ed0b304fef0.png" width="300"/>
     </td>
   </tr>
</table>

【讨论】:

  • 用一行怎么样,左边是&lt;ul&gt; ... &lt;/ul&gt;的列表,右边是图片?
  • @tarleb 这似乎更简单,看起来不错。我编辑了我的答案,谢谢:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-29
  • 2021-06-19
  • 2019-09-25
  • 1970-01-01
  • 2020-01-15
  • 1970-01-01
相关资源
最近更新 更多