the width of the table,table of the div package exceeds the width, and the scroll bar that appears cannot be dragged under windows
try
1.table {table-layout: fixed;}
2.table to set a parent div, and set the parent div attribute
overflow:auto;display:block.
set the properties of table
min-width:100%
set the properties of table td:
min-width:50px
are not allowed.
1. Whether the parent div has set the width, only if the width is set and the scroll bar is in the div is the scroll you want to control
2. Just based on the attributes you said, I don't know why the scroll bar can't move, so you can paste the code?
3. If you need a scroll bar horizontally, you must set the definite width of table
made a demo:
.table{
table-layout:fixed;
width: 1000px;
border: 1px solid -sharpccc;
}
.table td{
border: 1px solid -sharpccc;
}
.wrapper{
width:500px;
height: 500px;
overflow: auto;
border: 1px solid -sharp000;
}
<div class="wrapper">
<table class="table">
<tr>
<td style="width:200px;">title</td>
<td>title title title</td>
<td>title</td>
<td>title</td>
<td>title</td>
<td>title</td>
<td>title</td>
<td>title</td>
<td>title</td>
<td>title</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>should be consistent with your description. Take a look at what's wrong with your style
Previous: Vue double v-for data how to click to add active
Next: How does webpack handle the problem of loading resource files introduced through `js`?
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...
...
...
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
in the process of using weui, how to find the html structure of this SearchBar after introducing cdn? Neither the rookie tutorial nor W3C says how to use SearchBar ...
html and .tool-container if there is no width:100%;, the default is not full, why? I hope I can simply build a html to paste my code into it and help me find the problem. Thank you ...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
...
how do I get a user s WeChat account (not a nickname)? ...
begins to think that input will bind blur events, but the user s click time control is also a blur event that triggers input , which is not feasible . guess that it may be a click event bound to document . At this time, check whether event...
how to achieve this, click the button once, the picture is rotated 90 degrees, and the rotated picture adapts to the width and height in the container. css3 s transform:rotate () rotates around the center of the image, so that if it is a rectangular i...
ask how to write a native js plug-in that supports the cmd,amd,commonjs specification ...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...
Click the button in angular to restore the actual effect to figure 1, but now you need to click again in the blank space before you can restore it. The style has been changed and may not be re-rendered. ...
Why does the problem of redirection occur when using ajax to request other websites $.ajax({ url:"https: www.baidu.com", type: GET , headers:{ Access-Control-Allow-Origin : * ...
the great gods help to make suggestions, as shown in the figure ....
such a shopping cart page, how to write the price after deduction with gold coins at the front end is the final total ...
canvas draws multiple ball collisions on the canvas. How can I add a click event to the ball? as far as I know, adding an event to the canvas actually gets an area on the canvas to fix an event? Is it true that the ball can not be added if it keeps ch...