<Td> ni dinamik HTML stolida markazga qanday moslashtirish mumkin

Men ushbu noreferrer"> yaratish-html-table-using-javascript veb-sahifasini ochdi va jadval yaratdi. Bu yaxshi ishlaydi. Javascript funktsiyasida elementlarni chapga buraydi. Elementga qanday kirish va uni markazga moslash mumkin?

Mana mening JavaScript funktsiyasi

function addRow() {
  var table = document.getElementById("myTableData");
  var rowCount = table.rows.length;
  var row = table.insertRow(rowCount);
  row.insertCell(0).innerHTML = '<input type="button" value = "Delete" style="width: 65px;" class="btn btn-danger" onClick="Javascript:deleteRow(this)">';
  row.insertCell(1).innerHTML = '<input id="workloadDescription" style="width: 138px;" name="workloadDescription" type="text" value="Description"/>';

}
<table border="1" align="center" id="myTableData" span style="width:1580px;">
  <thead>
    <tr>
      <td bgcolor="green" align="center" style="width: 75px;overflow: hidden;">
        Operation
      </td>
      <td bgcolor="green" align="center" style="width: 140px;overflow: hidden;">
        Workload 
Description
</td> </thead> </table>

The HTML looks like this enter image description here

Lekin men tugmani markazda bo'lishini xohlayman.

0
Bu yerda Javascriptning kodi kerak emas. Javascript: deleteRow
qo'shib qo'ydi muallif mplungjan, manba
Rahmat sizga. Buni kodim va bu xabarda tuzatdi
qo'shib qo'ydi muallif Shiva, manba
Siz "javasript" da "c" ni unutdingiz: ....
qo'shib qo'ydi muallif JustARandomProgrammer, manba

6 javoblar

Uslublaringizni JavaScript dan alohida saqlashga harakat qiling.

JavaScript-da siz tugmani yangi sinf qo'shishingiz kerak:

row.insertCell(0).innerHTML = '<input type="button" value = "Delete" style="width: 65px;" class="btn btn-danger btn-centered" onClick="Javascript:deleteRow(this)">';

Sizning CSS dosyaningizda ushbu tugmani xohlaysizmi:

.btn-centered {
  text-align: center;
}
1
qo'shib qo'ydi
Rahmat. Bu bootstrap.css tugmasi. Men unga uslubni qo'sha olmayman. Uning tugma matni hizalanmasligi haqida emas. Men tugmani o'zi markazga tekislashni xohlayman
qo'shib qo'ydi muallif Shiva, manba
Ularga uslub qo'shishingiz mumkin. Siz xohlagan uslubni qo'shishingiz mumkin. Men bilganimdan kirish kodi inline elementidir, shuning uchun markaz ishlaydi ...
qo'shib qo'ydi muallif caisah, manba

Just use text-align: center on <td> as follow:

tbody > tr > td {
  text-align: center;
}

If you want to center only the content of first <td>, select the first child:

tbody > tr > td:first-child {
  text-align: center;
} 

JSFiddle

1
qo'shib qo'ydi

kodingizni quyida tahrir qiling, margin: auto; displey: blok; tugmani bosib, bu tugma markazini yaratadi

row.insertCell(0).innerHTML = '<input type="button" value = "Delete" style="width: 65px; margin:auto; display:block;" class="btn btn-danger" onClick="Javascript:deleteRow(this)">';
1
qo'shib qo'ydi
Rahmat. Bu jozibasi kabi ishladi.
qo'shib qo'ydi muallif Shiva, manba

Buning uchun CSS-ni yozishdan oldin td elementlarini bir div ichiga joylashtirishni maslahat beraman va CSS siz uchun qolganini qiladi.

#myTableData tr td div {text-align:center; }

Bu sizning div-ni markazlashtiradi.

O'zini o'zi boshqarmoqda. Shuning uchun siz o'zingizni qanday tutishingiz kerak bo'lgan uslubni aniqlashingiz kerak.

Sizning skripkangizni toping

https://jsfiddle.net/ey36s317/3/

1
qo'shib qo'ydi

Buning uchun kerakli jadvalga text-align: center; ni kiritish kerak

<table border="1" align="center" id="myTableData" span style="width:1580px; text-align:center;"
1
qo'shib qo'ydi
Rahmat. Tugmani markazga qanday hizalaman
qo'shib qo'ydi muallif Shiva, manba

To align itens you can use margin: auto; and text-align:center; https://jsfiddle.net/r84tcq5c/

1
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb