본문 바로가기

[IT/Programming]/HTML related

페이스북 퍼오기 (Embeding facebook post)

728x90
반응형
# 페이스북 퍼오기 (Embeding facebook post) 페이스북 퍼오는게 옛날보다 쉬워졌음. ## TOC ## Example 아래와 같이 iframe 으로 퍼오도록 바뀌었음. 좋으다. 국내 IT 업체들도 iframe 으로 쉽게 퍼오도록 좀 바꿔주지 =ㅂ=;; 그런데 facebook 도 width 를 responsive 하게 동작하도록 안해주긴 했네 ㅡ,.ㅡ; 그리고 가운데 정렬이 힘든데? =ㅇ=;; 어떻게 해야 가운데 정렬이 될까나? ``` <div class="center"> <div class="rC facebook"><div class="rSC"> <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fkyul1004%2Fposts%2F1055747322586617&show_text=true" style="border:none;overflow:auto" frameborder="0" allowfullscreen="true" allow="clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div></div> <div class="rC facebook"><div class="rSC"> <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F26589848493994771&show_text=true&width:340" style="border:none;overflow:auto" frameborder="0" allowfullscreen="true" allow="clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div></div> <div class="rC facebook"><div class="rSC"> <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D122174918516161169%26id%3D61554835089193&show_text=true" style="border:none;overflow:auto" frameborder="0" allowfullscreen="true" allow="clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div></div> </div> ```/
## RRA
  1. developers.facebook.com - Social Plugins - Embedded Posts
728x90
반응형