বোতাম কেন্দ্র সিএসএস

Question 1

সাধারণ সিএসএস কেন্দ্রিক ইস্যু, কেবল আমার জন্য কাজ করা নয়, সমস্যাটি হ'ল আমি সমাপ্ত প্রস্থের px জানি না

আমার কাছে পুরো ন্যাভের জন্য একটি ডিভি আছে এবং তারপরে প্রতিটি বোতামের ভিতরে থাকে, যখন একাধিক বোতাম থাকে তখন তারা আর কেন্দ্র করে না। :(

সিএসএস

.nav{
    margin-top:167px;
    width:1024px;
    height:34px;
}

.nav_button{
    height:34px;
    margin:0 auto;
    margin-right:10px;
    float:left;
}

এইচটিএমএল

<div class="nav">
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Home</div>
            <div class="b_right"></div>

        </div>
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Contact Us</div>
            <div class="b_right"></div>

        </div>
</div>

কোন সাহায্যের ব্যাপকভাবে প্রশংসা হবে। ধন্যবাদ

ফলাফল

প্রস্থটি যদি অজানা থাকে তবে আমি বোতামগুলির একটি কেন্দ্র খুঁজে পেলাম, পুরোপুরি খুশি নয় তবে তা গুরুত্বপূর্ণ নয়, এটি কার্যকর: ডি

সবচেয়ে ভাল উপায় এটি একটি টেবিল মধ্যে রাখা

<table class="nav" align="center">
    <tr>
      <td>
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Home</div>
            <div class="b_right"></div>
        </div>

        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Contact Us</div>
            <div class="b_right"></div>
        </div>
      </td>
    </tr>
  </table>

Question 2

আমি বুঝতে পারি এটি একটি খুব পুরানো প্রশ্ন, তবে আমি আজ এই সমস্যাটি পেরেছি এবং আমি এটি নিয়ে কাজ করতে পেরেছি

<div style="text-align:center;">
    <button>button1</button>
    <button>button2</button>
</div>

চিয়ার্স, মার্ক

Question 3

সমস্যাটি সমাধান করার জন্য এটি আপনার সিএসএসে যুক্ত করার বিষয়টি বিবেচনা করুন:

button {
    margin: 0 auto;
    display: block;
}

Question 4

আর একটি দুর্দান্ত বিকল্পটি হ'ল:

width: 40%;
margin-left: 30%;
margin-right: 30%

Question 5

সমস্যাটি নিম্নলিখিত সিএসএস লাইনের সাথে রয়েছে .nav_button:

margin: 0 auto;

এটি কেবল তখনই কাজ করবে যদি আপনার কাছে একটি বোতাম থাকে, তাই যখন একাধিক nav_buttonডিভিড থাকে তখন তারা কেন্দ্রীভূত হয় ।

আপনি যদি চান আপনার সমস্ত বোতাম nav_buttonsঅন্য কোনও ডিভের নীড়কে কেন্দ্র করে:

<div class="nav">
    <div class="centerButtons">
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Home</div>
            <div class="b_right"></div>
        </div>
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Contact Us</div>
            <div class="b_right"></div>
        </div>
    </div>
</div>

এবং এটি এইভাবে স্টাইল করুন:

.nav{
    margin-top:167px;
    width:1024px;
    height:34px;
}

/* Centers the div that nests the nav_buttons */
.centerButtons {
    margin: 0 auto;
    float: left;
} 

.nav_button{
    height:34px;
    margin-right:10px;
    float: left;
}

Question 6

সমস্যাটি সমাধান করার জন্য এটি আপনার সিএসএসে যুক্ত করার বিষয়টি বিবেচনা করুন:

.btn {
  width: 20%;
  margin-left: 40%;
  margin-right: 30%;
}

Question 7

যখন অন্য সব ব্যর্থ আমি ঠিক

<center> content </center>

আমি জানি না এটি আর "মান পর্যন্ত না", তবে এটি যদি কাজ করে তবে তা কার্যকর হয়