คำถามติดแท็ก width

ฉันมีเค้าโครงคล้ายกับ: <div> <table> </table> </div> ฉันต้องการdivขยายให้กว้างเท่าที่ฉันtableต้องการ

2070 html  css  width 

รูปแบบง่าย ๆ : <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> <td>ฉันจำเป็นต้องตั้งค่าความกว้างคงที่สำหรับ ฉันได้พยายาม: tr.something { td { width: 90px; } } ด้วย td.something { width: 90px; } สำหรับ <td class="something">B</td> และแม้กระทั่ง <td style="width: 90px;">B</td> แต่ความกว้างของ<td>ยังคงเหมือนเดิม

513 css  twitter-bootstrap  width  html-table 

ฉันมี 2 divs:อยู่ทางซ้ายและอีกอันอยู่ทางขวาของหน้า ด้านซ้ายมีความกว้างคงที่และฉันต้องการด้านขวาเพื่อเติมพื้นที่ที่เหลือ #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

419 html  css  width  responsive 

ฉันมีอินพุต html อินพุตมีpadding: 5px 10px;ฉันต้องการให้เป็น 100% ของความกว้าง div ของผู้ปกครอง (ซึ่งเป็นของเหลว) อย่างไรก็ตามการใช้width: 100%;ทำให้อินพุตเป็น100% + 20pxฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไร ตัวอย่าง

396 html  css  width  fluid-layout 

ฉันจะบรรลุโครงสร้างต่อไปนี้โดยไม่ใช้ตารางหรือ JavaScript ได้อย่างไร เส้นขอบสีขาวแสดงถึงขอบของ divs และไม่เกี่ยวข้องกับคำถาม ขนาดของพื้นที่ตรงกลางจะแตกต่างกันไป แต่จะมีค่าพิกเซลที่แน่นอนและโครงสร้างทั้งหมดควรปรับขนาดตามค่าเหล่านั้น หากต้องการทำให้มันง่ายขึ้นฉันต้องการวิธีตั้งค่าความกว้าง "100% - n px" ให้กับ div ด้านบนกลางและล่างกลาง ฉันขอขอบคุณโซลูชันข้ามเบราว์เซอร์ที่สะอาดตา แต่ในกรณีที่เป็นไปไม่ได้ CSS แฮ็กจะทำ นี่คือโบนัส โครงสร้างอื่นที่ฉันพยายามและจบลงด้วยการใช้ตารางหรือ JavaScript มันแตกต่างกันเล็กน้อย แต่แนะนำปัญหาใหม่ ฉันได้ใช้มันเป็นส่วนใหญ่ในระบบหน้าต่างที่ใช้ jQuery แต่ฉันต้องการที่จะไม่ใช้เลย์เอาต์ของสคริปต์และควบคุมขนาดขององค์ประกอบเดียวเท่านั้น (อันกลาง)

316 html  css  height  width 

╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <------------------------------------------------> 90px width of ImageView ฉันมีมุมมองภาพที่มีความสูงและความกว้างเริ่มต้นบางภาพจะถูกจัดเก็บในฐานข้อมูลและฉันต้องการปรับขนาดภาพตามความกว้างความสูงของ Imageview เพราะฉันไม่ต้องการให้มันเป็นค่าเริ่มต้นเพราะเมื่อฉันเปลี่ยนมันความสูงและความกว้างฉันต้องเปลี่ยนมันในโค้ดด้วย …

272 android  image  height  width 

มีวิธีใดในไพ ธ อนที่จะกำหนดความกว้างของคอนโซลโดยทางโปรแกรมหรือไม่ ฉันหมายถึงจำนวนตัวอักษรที่พอดีในหนึ่งบรรทัดโดยไม่มีการตัดคำไม่ใช่ความกว้างของพิกเซลของหน้าต่าง แก้ไข กำลังมองหาโซลูชันที่ใช้งานได้กับ Linux

264 python  linux  console  terminal  width 

คำถาม noob ทั้งหมด แต่ที่นี่ CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ ซอ โดยทั่วไปฉันพยายามเลียนแบบปุ่มสร้างระยะห่าง (หรือบางอย่าง) ให้ดูเหมือนปุ่มถัดจากฟิลด์อินพุตที่จริงไม่จำเป็นต้องเป็นปุ่มเพราะตัวสร้างการเติมอัตโนมัติที่สร้างข้อผิดพลาดเมื่อป้อน คิดว่านี่จะเป็นการแก้ไขด่วนในตอนนี้ แต่ไม่ชัดเจน ขอบคุณ

254 css  html  width 

มีคำถามและบทความเกี่ยวกับเรื่องนี้ แต่ไม่มีข้อสรุปใด ๆ เท่าที่ฉันสามารถบอกได้ บทสรุปที่ดีที่สุดที่ฉันสามารถหาได้คือ flex-basedช่วยให้คุณสามารถระบุขนาดเริ่มต้น / เริ่มต้นขององค์ประกอบก่อนที่จะคำนวณสิ่งอื่นใด อาจเป็นเปอร์เซ็นต์หรือค่าสัมบูรณ์ ... ซึ่งในตัวมันเองไม่ได้พูดอะไรมากเกี่ยวกับพฤติกรรมขององค์ประกอบที่มีการตั้งค่าแบบยืดหยุ่น ด้วยความรู้ปัจจุบันเกี่ยวกับ flexbox ของฉันฉันไม่เห็นสาเหตุที่ไม่สามารถอธิบายความกว้างได้ ฉันต้องการทราบว่าflex-baseแตกต่างจากความกว้างในทางปฏิบัติอย่างไร ถ้าฉันเปลี่ยนความกว้างด้วยความยืดหยุ่น (และในทางกลับกัน) สิ่งที่จะเปลี่ยนสายตา? จะเกิดอะไรขึ้นถ้าฉันตั้งค่าทั้งสองเป็นค่าอื่น จะเกิดอะไรขึ้นหากพวกเขามีค่าเท่ากัน? มีกรณีพิเศษบางอย่างที่ใช้ความกว้างหรือความยืดหยุ่นพื้นฐานจะมีความแตกต่างอย่างมีนัยสำคัญในการใช้อีกหรือไม่ วิธีทำความกว้างและดิ้นพื้นฐานแตกต่างกันเมื่อใช้ร่วมกับรูปแบบ flexbox อื่น ๆ เช่นดิ้นห่อ , ดิ้นเติบโตและดิ้นหด ? ความแตกต่างที่สำคัญอื่น ๆ แก้ไข / ชี้แจง : คำถามนี้ถูกถามในรูปแบบที่แตกต่างกันในชุดคุณสมบัติพื้นฐานแบบยืดหยุ่นอะไร แต่ฉันรู้สึกว่าการเปรียบเทียบโดยตรงหรือการสรุปความแตกต่างของความยืดหยุ่นและความกว้าง (หรือความสูง ) จะดีมาก

224 css  flexbox  width 

ปัญหา ฉันมี<select>ที่หนึ่งใน<option>ค่าข้อความของมันยาวมาก ฉันต้องการ<select>ปรับขนาดเพื่อให้ไม่กว้างกว่าพาเรนต์แม้ว่าจะต้องตัดข้อความที่แสดงออก max-width: 100%ควรทำเช่นนั้น ก่อนปรับขนาด: สิ่งที่ฉันต้องการหลังจากปรับขนาด: แต่ถ้าคุณโหลดตัวอย่าง jsFiddle นี้และปรับขนาดความกว้างของแผงผลลัพธ์ให้เล็กกว่าของ<select>คุณจะเห็นได้ว่าตัวเลือกภายในนั้น<fieldset>ล้มเหลวในการลดขนาดความกว้างลง สิ่งที่ฉันเห็นจริงหลังจากปรับขนาด: อย่างไรก็ตามหน้าเว็บที่เทียบเท่ากับ<div>แทนที่จะเป็น<fieldset>สเกลจะถูกต้อง คุณจะเห็นว่าและทดสอบการเปลี่ยนแปลงของคุณได้ง่ายขึ้นถ้าคุณมีและถัดจากแต่ละอื่น ๆ บนหน้าหนึ่ง และถ้าคุณลบแท็กโดยรอบการปรับขนาดจะทำงาน แท็กเป็นอย่างใดก่อให้เกิดการปรับขนาดแนวนอนเพื่อแบ่ง<fieldset><div><fieldset><fieldset> ทำหน้าที่เป็นถ้ามีกฎ<fieldset> CSS fieldset { min-width: min-content; }( min-contentหมายถึงความกว้างที่เล็กที่สุดซึ่งไม่ทำให้เด็กล้น) หากฉันแทนที่<fieldset>ด้วย<div>ด้วยmin-width: min-contentจะมีลักษณะเหมือนกันทุกประการ แต่ไม่มีกฎmin-contentในสไตล์ของฉันในสไตล์ชีทเริ่มต้นของเบราว์เซอร์หรือปรากฏใน CSS Inspector ของ CSS ของ Firebug ผมพยายามที่จะแทนที่รูปแบบที่มองเห็นได้ในทุก<fieldset>ใน Firebug ของ CSS สารวัตรและในสไตล์ชีตเริ่มต้นของ Firefox forms.cssแต่นั่นก็ไม่ได้ช่วย การเอาชนะโดยเฉพาะmin-widthและwidthไม่ได้ทำอะไรเช่นกัน รหัส HTML ของ fieldset: <fieldset> <div class="wrapper"> <select …

221 html  width  fieldset  css 

ความหมายของสิ่งนี้คืออะไร? ฉันเดาว่ามันคือแฮ็คของเบราว์เซอร์ แต่ฉันไม่สามารถค้นหาสิ่งที่มันทำ width: 500px\9; ความสำคัญของ\9อะไร

209 css  width  css-hack 

ฉันมีแท็บการตั้งค่าเป็นUPDATE 29/05/2015 นี้โพสต์ แท็บใช้ความกว้างเต็มบนมือถือ Nexus 4 ของฉัน แต่ใช้แท็บเล็ต Nexus 7 ที่อยู่ตรงกลางและไม่ครอบคลุมความกว้างเต็มหน้าจอ ภาพหน้าจอ Nexus 7 ภาพหน้าจอ Nexus 4

203 android  tabs  width  android-appcompat  android-tablayout 

ฉันมี 2 ผืนผ้าใบหนึ่งใช้คุณลักษณะ HTML widthและheightขนาดมันอีกใช้ CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 แสดงอย่างที่ควรจะเป็น แต่ไม่ใช่ compteur2 เนื้อหาถูกวาดโดยใช้ JavaScript บนผืนผ้าใบขนาด 300x300 ทำไมจึงมีความแตกต่างในการแสดงผล?

195 css  html  canvas  height  width 

ปัจจุบันด้วยสไตล์ฉันสามารถใช้width: 100%และautoความสูง (หรือกลับกัน) แต่ฉันยังไม่สามารถ จำกัด รูปภาพในตำแหน่งที่ระบุไม่ว่ากว้างหรือสูงเกินไปตามลำดับ ความคิดใด ๆ

174 css  image  height  width 

ฉันกำลังพยายามสร้างฟอร์มการเข้าสู่ระบบที่ประกอบด้วยสองฟิลด์อินพุตด้วยการเติมส่วนแทรก ปัญหาเกิดขึ้นจากสิ่งที่ใส่เข้าไปเพิ่ม padding สิ่งที่สามารถทำได้เพื่อแก้ไขปัญหานี้? ตัวอย่าง JSFiddle: http://jsfiddle.net/4x2KP/ NB: รหัสอาจจะไม่สะอาดที่สุด ตัวอย่างเช่นองค์ประกอบการขยายที่ห่อหุ้มอินพุตข้อความอาจไม่จำเป็นเลย #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: …

172 css  forms  input  width