简体   繁体   English

github markdown表中的定位图像

[英]Positioning image in github markdown table

I have some content which does not take up the entire column.我有一些内容不占整个专栏。 so I was trying to postion an image to that side so that it saves some space.所以我试图将图像放置到那一侧,以节省一些空间。

宽度较小的图像

I tried checking for grid layouts or column layout in md but none of it has provided info on how to do it我尝试在 md 中检查网格布局或列布局,但没有一个提供有关如何执行此操作的信息

This is what i am looking for这就是我要找的

期待

the code is @ here代码是@ 这里

... thanks ... 谢谢

The Markdown table does not support cell merge by default, so you should use HTML table. Markdown表默认不支持单元格合并,所以您应该使用HTML表。
And in comment, you said在评论中,你说

"Even this time the image took only one row, ..." “即使这次图像只占了一排,……”

in this case just use rowspan .在这种情况下,只需使用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>

EDIT编辑

AS @tarleb said, using <ul>...</ul> tag can be more simple.正如@tarleb 所说,使用<ul>...</ul>标签可以更简单。

<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>

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

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM