Set popup window to center with CSS

Set popup window to center with CSS

การจัดการ popup ให้อยู่ center ของ Browser windows

ค้นหาจาก stackoverflow หลังจากคุ่นคิดว่าจะใช้ jQuery ดีไหม
วิธีง่ายๆ ที่ไม่ต้องใช้ jQuery มาช่วยบังคับ คือ class=”ชื่อคลาส” ที่จะทำให้อยู่กึ่งกลางจอตลอด กำหนด position:fixed; left:50%; top:50%; แล้ว กำหนดค่า margin ติดลบคืนกลับให้ค่าด้านซ้าย และด้านบน ด้วยการลบความสูงของ class=”ชื่อคลาส” หาร2 เช่น สูง 500px ก็ margin-top:-250px; ง่ายๆเลย คิดอยู่ตั้งนาน – -*

Comments

comments

322 thoughts on “Set popup window to center with CSS

  1. i have been reading your blog for a while now, and i really do love your writing, i was wondering is there any way you can get updates for the latest article you post on email or even cell, Forgive my immaturity in this as i am really new to this internet stuff

  2. I do agree with all the ideas you’ve introduced for your post. They are very convincing and can certainly work. Still, the posts are very brief for starters. May you please prolong them a little from next time? Thanks for the post.

  3. Pingback: cwefverbgtrnyrt
  4. Pingback: mjinubygrcxe4zssxctv
  5. Pingback: URL
  6. I wanted to write you this bit of note to give thanks yet again regarding the great secrets you’ve documented on this website. It is so remarkably generous with you to convey unhampered exactly what a lot of people would’ve marketed for an e-book in order to make some bucks for their own end, especially since you could have done it if you decided. Those inspiring ideas also served like a fantastic way to be aware that other individuals have the identical dreams like my personal own to understand more and more related to this condition. I think there are numerous more pleasurable occasions ahead for those who find out your blog post.

  7. Create web image galleries with a fancy overlay effect, in a few clicks without writing a line of code. Just drag and drop your photos into the html css popup menu app window, press “Publish” and your own beautiful web gallery will open in the browser instantly! No html, javascript, css coding, no image editing, just a click to get your slideshow or gallery ready. VisualLightBox is available as jQuery or Prototype plugin, for Windows and Mac, it is translated by volunteers to 28 languages!

  8. Hello, Neat post. There’s an issue along with your site in web explorer, could test this?IE still is the market chief and a large portion of people will omit your fantastic writing due to this problem.

  9. I have not checked in here for some time since I thought it was getting boring, but the last several posts are good quality so I guess I will add you back to my everyday bloglist. You deserve it my friend 🙂

  10. Pingback: URL
  11. Pingback: Google
  12. Pingback: lonnie
  13. Pingback: jesse

Leave a Reply

Your email address will not be published.