मुझे मदद चाहिए, मेरे पास एक दस्तावेज़ है जिसे मुझे HTML CSS में जेनरेट करने की आवश्यकता है, फिर वह पीडीएफ में बदल जाएगा।

मेरे पास नीचे की तरह जानकारी डालने के लिए एक टेबल है (रंग महत्वपूर्ण नहीं है):

enter image description here

क्या हम ग्रिड को सीधे टैग में डाल सकते हैं, शायद ऐसे ही?

// example
<td class="grid">
  <p>
   ...text
  </p>
</tp>

मैंने अलग-अलग तरीकों की कोशिश की है लेकिन मुझे वह परिणाम नहीं मिल रहा है जो मैं चाहता था।

0
Nocktis 25 जिंदा 2021, 12:50
कृपया प्रश्न में कम से कम अपने "अलग-अलग तरीकों" को जोड़ें। हमें और जानकारी चाहिए। आपकी वास्तविक समस्या क्या है? ग्रिड से आप क्या समझते हैं ? सीएसएस-लेआउट तंत्र?
 – 
lupz
25 जिंदा 2021, 13:03
मैं एक ग्रिड का उपयोग करना चाहता था, जो मुझे छवि के अनुसार 2 कॉलम में जानकारी को अलग करने की अनुमति देता है, क्योंकि यह मुझे अधिक तार्किक लगता है। हालाँकि मेरे पास मेरे अधिकार में सभी सही css विशेषताएँ नहीं थीं
 – 
Nocktis
25 जिंदा 2021, 13:21

1 उत्तर

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

यह एक पंक्ति पर 2 कॉलम लागू करेगा

.grid-container को td में जोड़ें,

और col1 और col2 प्रत्येक P को कंटेनर के नीचे

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "col1 col2";
}

.col1 { grid-area: col1; }

.col2 { grid-area: col2; }
<div class="grid-container">
  <div class="col1"></div>
  <div class="col2"></div>
</div>
0
Mansour Alnasser 25 जिंदा 2021, 13:03
मैं grid-area विशेषताओं को y <p> पर रखना भूल गया, लेकिन यह काम करता है, धन्यवाद!
 – 
Nocktis
25 जिंदा 2021, 13:20