css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Ittichai_chupol
PHP VIP Members
PHP VIP Members
โพสต์: 2507
ลงทะเบียนเมื่อ: 19/09/2018 10:33 am

css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

โพสต์โดย Ittichai_chupol » 05/07/2019 4:26 pm

คงน่าจะมีผู้ที่พัฒนา phpbb แล้วจำเป็นที่จะต้องสร้าง css ขึ้นมาเพื่อสำหรับการใช้งานต่างๆ เช่น การทำ Extesnion ขึ้นมาใช้งานให้กับ phpbb นั้น โดยหนึ่งในปัญหาที่พบเจอคือการสร้างปุ่ม ขึ้นมาใช้ซึ่งในบางครั่งผลการพัฒนาที่ ส่วนใหญ่ผู้พัฒนา จะใช้ chrome หรือ firefox ส่วนใหญ่ ซึ่งผลที่ได้ก็คือออกมาดี แต่พอใช้กับ safari นั้นกับมีปัญหาอักษรไม่อยู่ตรงกลางปุ่มเหมือนกบที่พัฒนา chrome หรือ firefox ซึ้งวิธีการแก้ก็คือการนำ css button มาใส่ซึ่งบางครั้งก็ไม่สามารถแก้ไขได้

จากรูปตัวอย่างอักษรที่อยู่ในปุ่มจะชิดด้านขวาไปนิดหนึ่งนะครับ

index (1).png
index (1).png (14.73 KiB) เปิดดู 49 ครั้ง




แต่ก็มี css ชุดหนึ่งที่ที่สามารถแก้ไขปัญหานี้ได้ก็คือ โดยมีตัวอย่างดังนี้


โค้ด: เลือกทั้งหมด


.button {
   width: auto !important;
    padding: 7px;
    font-size: 10px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    background: #006600;
    color:#fff;
    line-height: 1.5;

}





ผมลัพหลังจากปรับแก้ไข

imgpsh_fullsize_anim (5).jpg
แก้ไขล่าสุดโดย Ittichai_chupol เมื่อ 05/07/2019 5:50 pm, แก้ไขไปแล้ว 1 ครั้ง.

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 17561
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

โพสต์โดย thatsawan » 05/07/2019 5:13 pm

ขอภาพ เเสดงผลก่อนเเละหลังด้วยค่ะ เพระาปกติ phpbb เเสดงอักษรในปุ่มอยู่ตรงกลางยุเเล้วค่ะ


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 8 และ บุคคลทั่วไป 0 ท่าน