|
หัวข้อ: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: takaeshi ที่ 28 พฤษภาคม 2017, 09:55:45 รบกวนสอบถามหน่อยครับ ใน wordpress ถ้าอยากให้รูปที่นำมาแสดงใน page มีอยู่ 3 รูปใน 1 แถว ในคอมพิวเตอร์แบบพีซี แล้วเวลาในมือถือจะแสดงเหมือนในพีซีก็ได้หรือว่าจะให้แสดงแบบแนวตั้งเรียงกันมาก็ได้ เราจะเขียนโค๊ดแบบไหนครับ ตอนนี้ผมใส่แบบนี้ แสดงผลพอดีใน pc แต่มือถือภาพที่ 3 จะตกลงมาอีกแถวหนึ่งครับ ไม่ทราบว่าต้องแก้ไขอย่างไรครับ ทำอย่างไรให้แสดงผลเหมือนกันหรือเหมาะกับอุปกรณ์อื่นเช่น ipad ด้วยครับ ขอบคุณครับ
<div style="width: 100%; float: left;"> <div style="width: 30%; float: left; margin:5px; "><img src="wp-content/uploads/2017/05/front_2.jpg" /></div> <div style="width: 30%; float: left; margin:5px; "><img src="wp-content/uploads/2017/05/IMG_1744_1-1.jpg" /></div> <div style="width: 30%; float: left; margin:5px; "><img src="wp-content/uploads/2016/06/S__4309595.jpg" /></div> </div> หัวข้อ: Re: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: LoveRomyui88io ที่ 28 พฤษภาคม 2017, 10:07:39 :wanwan017:
หัวข้อ: Re: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: wasantec ที่ 28 พฤษภาคม 2017, 10:59:52 ลองใส่ margin:5px; เป็น % ครับเช่น margin:2%;
หัวข้อ: Re: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: lhinping3800 ที่ 01 มิถุนายน 2017, 17:21:50 ลองเปลี่ยนจาก margin:5px; เป็น padding:5px; box-sizing: border-box; ตามนี้ดูค่ะ
หัวข้อ: Re: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: Sompon_lipoo ที่ 01 มิถุนายน 2017, 17:23:58 :o :o :o :o :o :o
หัวข้อ: Re: การใส่ภาพในหน้า wordpress เริ่มหัวข้อโดย: superjak ที่ 02 มิถุนายน 2017, 02:41:52 ถ้าเอาง่ายกว่านั้น ลอง ปลักอิน ประเภท responsive columns ช่วยครับ
ถ้าธีม รองรับ bootstrap ก็ดี ไป generate grid columns ช่วย |