Разделить абзац на 6 столбцов и поместить изображение в 3 столбца с помощью css - PullRequest
0 голосов
/ 07 февраля 2019

Я должен разделить пункт на 6 столбцов и поместить изображение в 3 столбца. Пожалуйста, отметьте это,

.content {
justify-content:center;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -moz-column-gap: 18px;
    -webkit-column-gap: 18px;
  column-rule: 1px solid #000;

}
.inner {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 18px;
    -webkit-column-gap: 18px;
  column-rule: 1px solid #000;
  padding-bottom:50px; 
}

.img-responsive
{
display: block;
    max-width: 100%;
    height: auto;
  width:100%;
}
.content img {
   

    
}
<div class="container"><div class="col-md-12 outer"><div class="content">
    
   <div> <img class="img-responsive" src="https://stgimgdt.s3.amazonaws.com/Images/Article/2018/Dec/201812211135350032_Low-air-humidity-is-close-to-the-Tamil-Nadu-coastline--rain_SECVPF.gif" width="200" height="152" /></div>
    <div class=" inner"><div id="content-body-14269002-26199426" class="_yeti_done" style="display: block;">
<p>After resisting it for long, Bahujan Samaj Party supremo Mayawati has finally made her debut on social media. She has joined Twitter formally and will tweet under the handle @SushriMayawati, the party announced on Wednesday.</p><p>A website by her name is under construction.</p><p>A party statement said Ms. Mayawati decided to join the social media platform “for speedy interaction with media and masses, besides expressing her views on various important issues and national political developments”.</p><p>Ms. Mayawati’s entry into social media assumes significance ahead of the Lok Sabha elections in which she has partnered with the Samajwadi Party. SP president Akhilesh Yadav is proactive on social media and commands an impressive 8.9 million followers on Twitter.</p><p><b>Move welcomed</b></p><p>The BSP chief’s move was welcomed by many, with Rashtriya Janata Dal leader Tejashwi Yadav even taking the credit. “Happy that you acknowledged and respected my request of joining Twitter during our meeting in Lucknow on 13th January,” he tweeted.</p><p>Though the @SushriMayawati handle was registered in October 2018, the party made the official announcement only on Wednesday. She already has more than 38,000 followers.</p><p>The BSP chief's new openness to social media is in sharp contrast to her earlier position in which she dismissed the medium as being irrelevant to her cause.</p><p>Last year, she even distanced herself from some accounts running in BSP’s name, clarifying that the party had no official website, Facebook or Twitter accounts. Any such pages, accounts or sites running in the name of the BSP are “unauthorised and fake”, she had said.</p>
</div>
</div>
  </div></div></div>

http://previewstg.dinathanthi.org/edition.html

https://codepen.io/kamalakkanni/pen/aXLYdx

Это то, что я пытался, но моя последовательность содержимого была изменена всафари.Итак, кто-нибудь может дать мне другое решение.снимок экрана для вывода сафари enter image description here

Моя последовательность содержимого

все браузеры 123456 (правильный) safari 142536 (неправильный)

Может кто-нибудь датьмне некоторые другие решения (не несколько столбцов css3), чтобы получить этот макет

Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...