मुझे उम्मीद थी कि सभी ब्राउज़र समान व्यवहार करेंगे, जो सभी tds को सभी tds की सबसे बड़ी चौड़ाई के संकेत की चौड़ाई में एक तालिका में सेट कर रहा है।

निम्नलिखित उदाहरणों पर एक नज़र डालें:

https://jsfiddle.net/rpkbf4n6/

=> This one is displayed correct in FF/IE but wrong in Edge (the very long text is not wrapped)

https://jsfiddle.net/8oa4fw2u/

=> This one is displayed correct in FF/IE/Edge

ऐसा क्यों है? मैं सभी टीडीएस को चौड़ाई विशेषता देना पसंद नहीं करता और मैं सबसे बड़ी सामग्री टीडी को चौड़ाई विशेषता देना पसंद नहीं करता (क्योंकि सामग्री गतिशील रूप से भरी हुई है, इसलिए मुझे नहीं पता कि सबसे बड़ा कौन सा है)

0
Powerslave 22 अक्टूबर 2019, 14:41

1 उत्तर

सबसे बढ़िया उत्तर

तालिका के ऊपर एक डीआईवी जोड़ें और टेबल-लेआउट: फिक्स्ड का उपयोग करें, फिर यह एज के साथ काम करता है

<div class="wrap">
  <table class="table">
    <tbody>
      <tr>
        <td style="width:100px;">
          <span>Text</span>
        </td>
        <td>
          <input style="width:160px;">
        </td>
      </tr>
      <tr>
        <td>
          <span>Very very very very very long text</span>
        </td>
        <td>
          <input type="checkbox">
        </td>
      </tr>
    </tbody>
  </table>
</div>

.wrap {
  width: 500px;
}
.table {
  width: 100%;
  table-layout: fixed
}
0
pbachman 22 अक्टूबर 2019, 12:01