在Visual Studio 2013中創建表格

我想在Visual Studio 2013中使用div標籤創建表格，但問題在於，在設計視圖中，我一直保留下面的列而不是在同一行上。在Visual Studio 2013中創建表格

這裏是我的代碼：

  <div id="TM"> 
       <div class="row" style="background-color:orange"> 
        <div class="col-md-2" style="background-color:blueviolet"> 
         <label>Supplier</label> 
        </div> 

        <div class="col-md-2" style="background-color:pink" role="textbox"></div> 
        <div class="col-md-3" style="background-color:blueviolet"> 
         <label>Estimated Budget</label> 
        </div> 
        <div class="col-md-2" style="background-color:pink"> 
         <div class="Textbox" style="height:20px; width:50px" role="textbox"></div> 
       </div>        
      </div>

來源

2015-03-02 smn14

我認爲你需要水平視圖的DIV？ – ketan 2015-03-02 11:37:26

您錯過了'

'標籤 - 您的'

'沒有關閉。（我會認爲這是一個錯字，並沒有對實際問題做出貢獻）。 – 2015-03-02 11:40:06

http://jsfiddle.net/DTcHh/4966/如果它顯示相同，則增加輸出窗口寬度。 – Shell 2015-03-02 12:19:10

爲什麼你想強制div顯示錶格數據？這是一個非常糟糕的做法，你真的不應該那樣做。不要低估語義。每當你有表格數據時，你應該使用<table>。

標籤<table>只有當您使用它來定義網站佈局時才應避免，因爲它會導致有問題的場景和非常笨重的設計。然而，在這種情況下，當你明顯使用表格數據並試圖通過強制div來進行表格設計來重新發明輪子時，<table>是一個真正的方法。

很少有更多音符：在Visual Studio

所見即所得的編輯器是適合真的只是一個快速原型，但不應該被用於實際佈局的Web應用程序。用手寫出html
儘量避免內聯樣式。儘可能使用外部的css文件，除非你想在將來遇到許多問題。你目前的代碼將是一個噩夢保持..

來源

2015-03-02 11:55:26 walther

我將把所有的CSS放在一個外部文件中，但我目前正在測試一些東西。以及我使用divs因爲我使用bootstrap和我的教授要求我們使用div標籤，所以我被迫使用div。如果你能爲我解決這個問題，你真的會救我。預先感謝您 – smn14 2015-03-02 21:03:38

@SurayaNasser，我寧願不會對您的教授發表評論......但是，問題是否僅在編輯中出現？或者你是否在瀏覽器中嘗試過它？ – walther 2015-03-02 21:07:04

以及我試圖在瀏覽器中查看它，但有另一個問題與瀏覽器鏈接，所以這就是爲什麼我不能確定問題是否只與視覺工作室 – smn14 2015-03-02 21:12:45

你可能想看看這個http://www.w3schools.com/html/html_layout.asp爲了顯示格，如果他們是你必須讓你的HTML和CSS正確的結構的平板電腦，浮動左邊在正確的位置。鑑於你的代碼上面，下面應該工作。請注意，在生產代碼中，您應該儘可能多地將「樣式」元素重新分配到CSS樣式表中。

<div id="TM"> 
      <div class="row" style="background-color:orange"> 
       <div class="col-md-2" style="background-color:blueviolet; float:left;"> 
        <label>Supplier</label> 
       </div> 

       <div class="col-md-2" style="background-color:pink; float:left;" role="textbox"></div> 
       <div class="col-md-3" style="background-color:blueviolet; float:left;"> 
        <label>Estimated Budget</label> 
       </div> 
       <div class="col-md-2" style="background-color:pink; float:left;"> 
       <div class="Textbox" style="height:20px; width:50px; float:left;" role="textbox"></div> 
      </div> 
     </div>

來源

2015-03-02 11:39:02 BMac

在Visual Studio 2013中創建表格

回答

相關問題