2 Table align center
วิธีการทำ Table 2 ให้อยู่ตรงกลางง่ายๆ ปรับ style ของ table 2 ให้
margin-left:auto;
margin-right:auto;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #tb1 { width:100%; background-color:ActiveBorder; } #tb2 { width:500px; background-color:#CCFFCC; margin-left:auto; margin-right:auto; } </style> </head> <body> <form id="form1" runat="server"> <div> <table id="tb1"><tr><td> Table 1 <table id="tb2"><tr><td>Table 2</td></tr></table> </td></tr></table> </div> </form> </body> </html> |
ปรับ Style ของ Artisteer ให้ Text-Align แสดงข้อมูลตรงกลาง ใช้กับ Button
- เนื่องจากการใช้ Button ของ Devexpress กับ Artisteer ทำให้การจัดปุ่ม Button ค่อนข้างไม่ตรงกับ CSS วิธีแก้คือกำหนด Style ขึ้นมาและปรับให้ CSS ที่สร้างโดย Artisteer ยกเลิกการจัด style ให้ content
- การเพิ่มปุ่ม 2 ปุ่มแล้วมันขึ้นบรรทัดใหม่แก้ได้โดยการเพิ่ม Style และกำหนด CSS ให้กับปุ่ม button ที่ต้องการ
|
1 2 3 4 5 6 |
.art-postcontent a.hovered { font-size: 14px; font-family: Tahoma,Ubuntu, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; /*margin-left: 0px;*/ } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .AlignButtonCenter { margin-left: auto; margin-right: auto; display: inline-table; } .tdAlignCenter { text-align:center; } </style> </head> <body> <form id="form1" runat="server"> <div> <table style="width:100%;background-color:red;"><tr><td class="tdAlignCenter"> <dx:ASPxButton ID="btnSubmit" HorizontalAlign="Center" CssClass="AlignButtonCenter" runat="server" Text="Submit"></dx:ASPxButton> <dx:ASPxButton ID="ASPxButton1" HorizontalAlign="Center" CssClass="AlignButtonCenter" runat="server" Text="Cancel"></dx:ASPxButton> </td></tr></table> </div> </form> </body> </html> |
Recent Comments