猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== amazon商品リンクを並べる ======

下記のようにdivタグでくくって並べます。
<code html>
<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style ... </iframe>
</div>

もしくは単純に
<div style="display: inline-block; margin: 10px;">
<iframe style ... </iframe>
</div>



</code>

inlineについて
[[https://saruwakakun.com/html-css/basic/display#section4|【CSS】displayの使い方を総まとめ！inlineやblockの違いは？]]

_displayについて
[[https://yellow-goose.com/ie6789%E3%81%A0%E3%81%91css%E3%81%A7%E9%81%95%E3%81%86%E8%A8%98%E8%BF%B0%E3%82%92%E5%8F%8D%E6%98%A0%E3%81%95%E3%81%9B%E3%82%8B%E6%96%B9%E6%B3%95/|IE6,7,8,9だけCSSで違う記述を反映させる方法]]


===== iframeタグを並べた場合 =====

<code html>
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" 
src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B00C2ICGPU&linkId=282efb753e76ed497f8d37080577999c
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
    
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B01D1QNN62&linkId=600029dd9757265618fef78ce0e8125b
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
</code>

縦に表示されます。
{{:html:pasted:20190818-175246.png}}

===== divタグでくくった場合 =====
<code html>
<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" 
src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B00C2ICGPU&linkId=282efb753e76ed497f8d37080577999c
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
</div>

<div style="display: inline-block; _display: inline;margin: 10px;">
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?
ref=tf_til&t=ipsnekotypeco-22&m=amazon&o=9&p=8&l=as1&IS1=1&offerlisting=1
&asins=B01D1QNN62&linkId=600029dd9757265618fef78ce0e8125b
&bc1=000000&lt1=_blank&fc1=333333&lc1=0066c0&bg1=ffffff&f=ifr">
</iframe>
</div>
</code>

{{:html:pasted:20190818-175704.png}}

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール