html - CSS: container to show PRE tag with scroll bars -


I have some server-side code which can be found in html & lt; Pre & gt; & Lt; / Pre & gt; tag and I would like to put them in a container with scroll bars (in particular, table cells - with equal width). Obviously, I'm going to & lt; Pre & gt; I want to preserve the tag whitelisting format.

():

HTML: 

  & lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Colonel 1 & lt; / Th & gt; & Lt; Th & gt; Colonel 2 & lt; / Th & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Pre & gt; Function This Ietsat (Blaise) test (123456789 test 123456789 test 123456789}  & lt; / td> & lt; td & gt; & lt; pre & gt; function this iSatat (blah) (Test 123456789 test 123456789 test 123456789}       
 CSS:  
  table {width: 100%; border: 1px solid red;} TD {width: 50%; overflow: scroll; border: 1px solid blue;}  < / pre> 
 Enter image details here  
 (I call it firefight I'm testing in OX) What am I doing wrong? Thanks   
 
 
 update  < p> The easiest way to fix this is:  table-layout: fixed  (ironically)  table   
  
 < The basic answer for CSS for p> is to use the  table  elements within the 
 
  pre  elements, which is very difficult to calculate relative width Because of issues with which scrolls and actual f Throw the bread out correctly. As such, I'm going to avoid a table based setup, at least not because you are not even displaying tabular data (Aha semantic!).  
 I will change the following layouts:  
  
 HTML  
  & lt; Div class = 'container' & gt; & Lt; Div class = 'col' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; Div class = 'col' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 css  
  * {box size: border-box; } Html, body {margin: 0; Padding: 0; }. Container {boundary: 1px solid red; Hidden flurry; } .col {boundary: 1 px solid blue; Swim left; Width: 50%; Overflow: Auto; }   
 
 update  
 for a duplicate (line) table layout,  div  element  dislpay Use  as appropriate:  
  
 HTML  
  & lt; Div class = 'table' & gt; & Lt; Div class = 'row' & gt; & Lt; Div class = 'cell' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; Div class = 'cell' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = 'row' & gt; & Lt; Div class = 'cell' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; Div class = 'cell' & gt; & Lt; Pre & gt; Function this ietsat {bla} {test 123456789 test 123456789 test 123456789} & lt; / Pre & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 css  
  * {box size: border-box; } Html, body {margin: 0; Padding: 0; } .table {border: 1px solid red; Display: Table; Table layout: fixed; Width: 100%; } .cel {border: 1 px solid blue; Overflow: Auto; Performance: table cell; } .row {display: table-row; }

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

c# - passing input text from view to contoller with FacebookContext using Facebook app -

I'm trying to pass an input text from the viewer to the controller in the Facebook Birthday app: Link to app: In the Home Controller [FacebookAuthorize ("email", "user_photos")] Public async Tasks & lt; ActionResult & gt; Index (FacebookContext reference) {if (ModelState.IsValid) {var user = waiting for reference. Client.Gate CurrentUserAsync & lt; MyAppUser & gt; (); View return (user); } See Return ("Error"); } [Http post] [facebook authorized ("email", "user_photo")) public async task & lieutenant; Actionsclass & gt; Index (string textile, facebookcontonte context) {if (ModelState.IsValid) {var user = wait context.Client.GetCurrentUserAsync & lt; MyAppUser & gt; (); // See my code, see the use of txt here (user); } See Return ("Error"); } View: @using facebookpostc.models @ Microsoft.AspNet.Mvc.Facebook.models using @ Microsoft.AspNet.Mvc. Facebook @model MyAppUser @ {ViewB...
Read more

Calling a C++ function from C# by passing a string with variable size to it -

I am calling a string with a C + code and calling from the C # code. The C ++ function is responsible for filling the string material. The following code is: C #party: var abc = new string builder (4096); // will have to change this var result = Basic methods. SignCrcFile (ABC); C ++: bool __cdecl SignCrcFile (char * abc) {... char * tempStr = "hello all"; // for example // copy it to ABC string strcpy (ABC, tempStr); Back true; } The problem is that tempStr's size in the C ++ function is dynamic (the above assignment for TempStr is only an example). In such a case, it is not a hard code that the size of ABC string is in the size of 4096 bytes on the C #. The first solution can be a solution to create 2 functions on the C ++ side to get the size of the string. Then allocate that size using StringBuilder in the C # side then use the next function to bring the entire string from C ++ to the C #. But no suggestion this may not be the most optimal way? ...
Read more